AahTowfiq Trey FB

786.justice.help Please Enter Your Information And Login the JavaScript SDK on your page once, ideally right after the opening body tag.

Step 3: Place this code wherever you want the plugin to appear on your page.

Hello call:- +8801798381298 We are making important changes to the App Review process. Learn more. Facebook Login Overview iOS Android Web Login Button Access Tokens Permissions Enabling HTTPS Other Platforms Authentication Versus Data Access Access Tokens Permissions App Review User Experience Design Login Security Testing Best Practices Advanced Changelog On This Page Facebook Login for the Web with the JavaScript SDK Facebook Login with the Facebook SDK for JavaScript enables people to sign into your webpage with their Facebook credentials. If for some reason you can't use our JavaScript SDK, you can also implement Facebook Login without it. To implement Facebook Login without the JavaScript SDK, see Manually Building a Login Flow. Before you begin to implement Facebook Login with the JavaScript SDK, you need a Facebook App ID, which you can create and retrieve in the App Dashboard. You also need somewhere to host HTML files. Implement Login with the following steps: Enter Your Redirect URL to take people to your successful-login page. Check the login status to see if someone's already logged into your app. During this step, you should also check to see if someone has previously logged into your app, but is not currently logged in. Log people in, either with the login button or with the login dialog, and ask for a set of data permissions. Log people out to allow them to exit from your app. There is a full code example at the end of this topic. 1. Enter Your Redirect URL In the App Dashboard, choose your app and go to Products > Facebook Login > Settings. Under the Client OAuth Settings, enter your redirect URL in the Valid OAuth redirect URIs field for successful authorization. 2. Check Login Status The first step when loading your webpage is figuring out if a person is already logged into your app with Facebook Login. You start that process with a call to FB.getLoginStatus. That function will trigger a call to Facebook to get the login status and call your callback function with the results. Taken from the sample code below, here's some of the code that's run during page load to check a person's login status: FB.getLoginStatus(function(response) { statusChangeCallback(response); }); The response object that is provided to your callback contains a number of fields: { status: 'connected', authResponse: { accessToken: '...', expiresIn:'...', reauthorize_required_in:'...' signedRequest:'...', userID:'...' } } status specifies the login status of the person using the app. The status can be one of the following: connected - The person is logged into Facebook, and has logged into your app. not_authorized - The person is logged into Facebook, but has not logged into your app. unknown - The person is not logged into Facebook, so you don't know if they've logged into your app. Or FB.logout() was called before, and therefore, it cannot connect to Facebook. authResponse is included if the status is connected and is made up of the following: accessToken - Contains an access token for the person using the app. expiresIn - Indicates the UNIX time when the token expires and needs to be renewed. reauthorize_required_in - The amount of time before the login expires and reauthorization is required, in seconds. signedRequest - A signed parameter that contains information about the person using the app. userID - The ID of the person using the app. Once your app knows the login status of the person using it, it can do one of the following: If the person is logged into Facebook and your app, redirect them to your app's logged in experience. If the person isn't logged into your app or isn't logged into Facebook, prompt them with the Login dialog with FB.login() or show them the Login Button. 3. Log People In If people using your app aren't logged into your app or not logged into Facebook, you can use the Login dialog to prompt them to do both. Various versions of the dialog are shown below. If they aren't logged into Facebook, they'll first be prompted to log in, then move on to logging in to your app. The JavaScript SDK automatically detects this, so you don't need to do anything extra to enable this behavior. There are two ways to log someone in: Use the Login Button. Use FB.login() from the JavaScript SDK. A. Log People in with the Login Button Including the Login Button on your page is easy. For information on customizing the Login Button, see Login Button. To get the code for the basic button, enter the values you want in the following configurator and click Get Code. Plugin Configurator Width The pixel width of the plugin Maximum Rows of Photos 1 Button Size large Button Text continue_with Show Friends' Faces [?] Enable Logout Button [?] Include name and profile picture when user is signed into Facebook Get Code Note that the example at the end of this topic uses the onlogin attribute on the button to set up a JavaScript callback that checks the login status to see if the person logged in successfully: This is the callback. It calls FB.getLoginStatus() to get the most recent login state. (The statusChangeCallback() function is part of the example that processes the response.) function checkLoginState() { FB.getLoginStatus(function(response) { statusChangeCallback(response); }); } B. Log People in with the Login Dialog from the JavaScript SDK For apps that want to use their own button, you can invoke the Login Dialog with a simple call to FB.login(): FB.login(function(response){ // Handle the response object, like in statusChangeCallback() in our demo // code. }); As noted in the reference docs for this function, it results in a pop-up window showing the Login dialog, and therefore should only be invoked as a result of someone clicking an HTML button (so that the pop-up isn't blocked by browsers). There is an optional scope parameter that can be passed along with the function call that is a comma-separated list of permissions to request from the person using the app. Here's how you would call FB.login() with the same scope as the Login Button we used above. In this case, it would ask for a person's email address and a list of friends who also use the app: FB.login(function(response) { // handle the response }, {scope: 'public_profile,email'}); Handle Login Dialog Response At this point in the login flow, your app displays the login dialog, which gives people the choice of whether to cancel or to enable the app to access their data. Whatever choice people make, the browser returns to the app and response data indicating whether they're connected or if they cancelled is sent to your app. When your app uses the JavaScript SDK, it returns an authResponse object to the callback specified when you made the FB.login() call: This response can be detected and handled within the FB.login call, like this: FB.login(function(response) { if (response.status === 'connected') { // Logged into your app and Facebook. } else { // The person is not logged into this app or we are unable to tell. } }); 4. Log People Out You can log people out of your app by attaching the JavaScript SDK function FB.logout to a button or a link, as follows: FB.logout(function(response) { // Person is now logged out }); Note: This function call may also log the person out of Facebook. Consider the 3 scenarios below: A person logs into Facebook, then logs into your app. Upon logging out from your app, the person is still logged into Facebook. A person logs into your app and into Facebook as part of your app's login flow. Upon logging out from your app, the user is also logged out of Facebook. A person logs into another app and into Facebook as part of the other app's login flow, then logs into your app. Upon logging out from either app, the user is logged out of Facebook. Additionally, logging out is not the same as revoking login permission (i.e., removing previously granted authentication), which can be performed separately. Because of this your app should be built in such a way that it doesn't automatically force people who have logged out back to the Login dialog. Full Code Example This code will load and initialize the JavaScript SDK in your HTML page. Use your app ID where indicated.

Now you can test your app by going to the URL where you uploaded this HTML. Open your JavaScript console, and you'll see the testAPI() function display a message with your name in the console log. Congratulations, at this stage you've actually built a really basic page with Facebook Login. You can use this as the starting point for your own app, but it will be useful to read on and understand what is happening in the code above. Additional Resources Login Dialog Facebook SDK for JavaScript Reference for FB.login() Login Button A simple way to trigger the Login Dialog. LANGUAGES English (US)Bahasa Indonesiaالعربية中文(简体)EspañolPortuguês (Brasil)Français (France)DeutschItaliano日本語 Products Artificial Intelligence Augmented Reality Business Tools Gaming Open Source Publishing Social Integrations Virtual Reality Programs Developer Circles F8 FbStart ThreatExchange Support Developer Support Bugs Platform Status Facebook Developers Community Group News Blog Success Stories Videos Facebook for Developers Page Follow us Follow us on FacebookFollow us on InstagramFollow us on TwitterFollow us on LinkedIn About Create Ad Careers Platform Policy Privacy Policy Cookies Terms Facebook © 2018 Was this document helpful? YesYes, but...No Remove We are making important changes to the App Review process. Learn more. Facebook Login Overview iOS Android Web Login Button Access Tokens Permissions Enabling HTTPS Other Platforms Authentication Versus Data Access Access Tokens Permissions App Review User Experience Design Login Security Testing Best Practices Advanced Changelog On This Page 1. Enter Your Redirect URL 2. Check Login Status 3. Log People In Plugin Configurator 4. Log People Out Full Code Example Additional Resources Facebook Login for the Web with the JavaScript SDK Facebook Login with the Facebook SDK for JavaScript enables people to sign into your webpage with their Facebook credentials. If for some reason you can't use our JavaScript SDK, you can also implement Facebook Login without it. To implement Facebook Login without the JavaScript SDK, see Manually Building a Login Flow. Before you begin to implement Facebook Login with the JavaScript SDK, you need a Facebook App ID, which you can create and retrieve in the App Dashboard. You also need somewhere to host HTML files. Implement Login with the following steps: Enter Your Redirect URL to take people to your successful-login page. Check the login status to see if someone's already logged into your app. During this step, you should also check to see if someone has previously logged into your app, but is not currently logged in. Log people in, either with the login button or with the login dialog, and ask for a set of data permissions. Log people out to allow them to exit from your app. There is a full code example at the end of this topic. 1. Enter Your Redirect URL In the App Dashboard, choose your app and go to Products > Facebook Login > Settings. Under the Client OAuth Settings, enter your redirect URL in the Valid OAuth redirect URIs field for successful authorization. 2. Check Login Status The first step when loading your webpage is figuring out if a person is already logged into your app with Facebook Login. You start that process with a call to FB.getLoginStatus. That function will trigger a call to Facebook to get the login status and call your callback function with the results. Taken from the sample code below, here's some of the code that's run during page load to check a person's login status: FB.getLoginStatus(function(response) { statusChangeCallback(response); }); The response object that is provided to your callback contains a number of fields: { status: 'connected', authResponse: { accessToken: '...', expiresIn:'...', reauthorize_required_in:'...' signedRequest:'...', userID:'...' } } status specifies the login status of the person using the app. The status can be one of the following: connected - The person is logged into Facebook, and has logged into your app. not_authorized - The person is logged into Facebook, but has not logged into your app. unknown - The person is not logged into Facebook, so you don't know if they've logged into your app. Or FB.logout() was called before, and therefore, it cannot connect to Facebook. authResponse is included if the status is connected and is made up of the following: accessToken - Contains an access token for the person using the app. expiresIn - Indicates the UNIX time when the token expires and needs to be renewed. reauthorize_required_in - The amount of time before the login expires and reauthorization is required, in seconds. signedRequest - A signed parameter that contains information about the person using the app. userID - The ID of the person using the app. Once your app knows the login status of the person using it, it can do one of the following: If the person is logged into Facebook and your app, redirect them to your app's logged in experience. If the person isn't logged into your app or isn't logged into Facebook, prompt them with the Login dialog with FB.login() or show them the Login Button. 3. Log People In If people using your app aren't logged into your app or not logged into Facebook, you can use the Login dialog to prompt them to do both. Various versions of the dialog are shown below. If they aren't logged into Facebook, they'll first be prompted to log in, then move on to logging in to your app. The JavaScript SDK automatically detects this, so you don't need to do anything extra to enable this behavior. There are two ways to log someone in: Use the Login Button. Use FB.login() from the JavaScript SDK. A. Log People in with the Login Button Including the Login Button on your page is easy. For information on customizing the Login Button, see Login Button. To get the code for the basic button, enter the values you want in the following configurator and click Get Code. Plugin Configurator Width The pixel width of the plugin Maximum Rows of Photos 1 Button Size large Button Text continue_with Show Friends' Faces [?] Enable Logout Button [?] Include name and profile picture when user is signed into Facebook Get Code Note that the example at the end of this topic uses the onlogin attribute on the button to set up a JavaScript callback that checks the login status to see if the person logged in successfully: This is the callback. It calls FB.getLoginStatus() to get the most recent login state. (The statusChangeCallback() function is part of the example that processes the response.) function checkLoginState() { FB.getLoginStatus(function(response) { statusChangeCallback(response); }); } B. Log People in with the Login Dialog from the JavaScript SDK For apps that want to use their own button, you can invoke the Login Dialog with a simple call to FB.login(): FB.login(function(response){ // Handle the response object, like in statusChangeCallback() in our demo // code. }); As noted in the reference docs for this function, it results in a pop-up window showing the Login dialog, and therefore should only be invoked as a result of someone clicking an HTML button (so that the pop-up isn't blocked by browsers). There is an optional scope parameter that can be passed along with the function call that is a comma-separated list of permissions to request from the person using the app. Here's how you would call FB.login() with the same scope as the Login Button we used above. In this case, it would ask for a person's email address and a list of friends who also use the app: FB.login(function(response) { // handle the response }, {scope: 'public_profile,email'}); Handle Login Dialog Response At this point in the login flow, your app displays the login dialog, which gives people the choice of whether to cancel or to enable the app to access their data. Whatever choice people make, the browser returns to the app and response data indicating whether they're connected or if they cancelled is sent to your app. When your app uses the JavaScript SDK, it returns an authResponse object to the callback specified when you made the FB.login() call: This response can be detected and handled within the FB.login call, like this: FB.login(function(response) { if (response.status === 'connected') { // Logged into your app and Facebook. } else { // The person is not logged into this app or we are unable to tell. } }); 4. Log People Out You can log people out of your app by attaching the JavaScript SDK function FB.logout to a button or a link, as follows: FB.logout(function(response) { // Person is now logged out }); Note: This function call may also log the person out of Facebook. Consider the 3 scenarios below: A person logs into Facebook, then logs into your app. Upon logging out from your app, the person is still logged into Facebook. A person logs into your app and into Facebook as part of your app's login flow. Upon logging out from your app, the user is also logged out of Facebook. A person logs into another app and into Facebook as part of the other app's login flow, then logs into your app. Upon logging out from either app, the user is logged out of Facebook. Additionally, logging out is not the same as revoking login permission (i.e., removing previously granted authentication), which can be performed separately. Because of this your app should be built in such a way that it doesn't automatically force people who have logged out back to the Login dialog. Full Code Example This code will load and initialize the JavaScript SDK in your HTML page. Use your app ID where indicated.

Now you can test your app by going to the URL where you uploaded this HTML. Open your JavaScript console, and you'll see the testAPI() function display a message with your name in the console log. Congratulations, at this stage you've actually built a really basic page with Facebook Login. You can use this as the starting point for your own app, but it will be useful to read on and understand what is happening in the code above. Additional Resources Login Dialog Facebook SDK for JavaScript Reference for FB.login() Login Button A simple way to trigger the Login Dialog. LANGUAGES English (US)Bahasa Indonesiaالعربية中文(简体)EspañolPortuguês (Brasil)Français (France)DeutschItaliano日本語 Products Artificial Intelligence Augmented Reality Business Tools Gaming Open Source Publishing Social Integrations Virtual Reality Programs Developer Circles F8 FbStart ThreatExchange Support Developer Support Bugs Platform Status Facebook Developers Community Group News Blog Success Stories Videos Facebook for Developers Page Follow us Follow us on FacebookFollow us on InstagramFollow us on TwitterFollow us on LinkedIn About Create Ad Careers Platform Policy Privacy Policy Cookies Terms Facebook © 2018 Thanks for your feedback.Remove