How To Register A Website App With Facebook

Facebook app is used in many cases, the most used instance is Facebook login integration on the website. In this tutorial, nosotros'll provide the pace-by-step guide to creating a new Facebook awarding. To implement login with Facebook on the website, you demand to register an app in Facebook developers panel. You'll go App ID and App Secret from the Facebook app, these details are required for authenticating your web application with Facebook.

Facebook Apps Creation

Follow the below steps to create a Facebook App and generate App ID & App Secret.

Go to the Facebook for Developers folio and login with your Facebook account.
At the correct corner of the top navigation bar, click the My Apps link and select Add New App.
- Enter the Brandish Proper name and Contact Electronic mail.
- Click the Create App ID button.
- The new App volition be created and redirected to the Facebook App Dashboard.
Navigate to the Settings » Bones page.
- In App Domains field, specify the domain name of your website (ex: codexworld.com).
- In Privacy Policy URL field, specify the privacy policy web folio URL for login dialog (ex: https://world wide web.codexworld.com/privacy-policy/)
- Select the Category of your App.
- Click the Save Changes button.
At the left navigation carte panel, click the PRODUCTS(+) link and navigate to the Add a Product page.
- Select Facebook Login product and click the Set up Upwards.
- Select Web as the App platform.
- Enter the Site URL (ex: https://www.codexworld.com).
- Click the Salve push button.
Navigate to the Facebook Login » Settings page.
- Go to the Customer OAuth Settings section. In the Valid OAuth Redirect URIs field, specify the Redirect URL of your OAuth awarding (ex: https://www.codexworld.com/facebook-login-php/).
- Click the Salve Changes.
Alter App Status:
- By default, the App will exist In Evolution fashion. To alter the App condition in Live, click the toggle switch at the top header.
- On click the Status On/OFF switch, a confirmation dialog will appear. Confirm to make your app public.

Navigate to the Settings » Basic page, copy the App ID and App Secret. This App ID and App secret are required to admission the Facebook APIs.

Note that: You demand to specify the App ID and App hole-and-corner in the script when calling the Facebook API. Too, the URL specified in Valid OAuth Redirect URIs must be matched with the Redirect URL specified in the script.

Permissions to Go User Profile Information

The default and email permissions are approved past default and do not require App Review.

default:
The default permission grants your app to access the default fields of a user's public profile.

id
first_name
last_name
middle_name
name
name_format
picture
short_name

e-mail:
The electronic mail permission grants your app to admission a user's chief e-mail address.

Become to the App Review » My Permissions and Features page to know near the Approved Permissions of your Facebook App.

Become the Profile Link and Gender

To retrieve the user'southward Facebook Profile URL and gender, the user_link and user_gender permissions need to be Approved.

user_link: This permission grant your app to access the Facebook Profile URL of a user.
user_gender: This permission grant your app to access a user's gender.

Follow the below steps to get user_link and user_gender permissions.

Go to the App Review » Permissions and Features page.
Click the Request link to submit a request for the respective permissions. Also, you demand to provide the required information for submitting the approval asking.

Once the App Review process is completed and approved by the Facebook, you lot will exist able to get the Facebook profile link and gender of the user.

Decision

You only need the App ID and App Hush-hush to integrate Facebook Login in the web application. Check the following tutorials where we've used the App ID and App Hole-and-corner for accessing Facebook APIs (OAuth API, Graph API, etc.).

Are yous want to go implementation help, or alter or enhance the functionality of this script? Submit Paid Service Request

If you lot have any questions about this script, submit it to our QA customs - Ask Question