How to Create Facebook App, App ID, and App Secret

The Facebook app is used in many cases, the most common use case is Facebook login integration on the website. In this tutorial, we’ll provide a step-by-step guide to create Facebook app and generate keys. You need to register as a Facebook developer and create an app to use the Facebook authentication service in the web application. In the developer panel, you can create Facebook app and generate App ID & App secret, which are used in Facebook SDK and API integration for authenticating your web application with Facebook.

Create Facebook App

The following app creation flow helps to create a Facebook app and get the App ID & Secret key on FB developer panel.

Before you start register as a Meta developer and be logged into your Facebook developer account.

1. Navigate to the Apps page (from the menu at the navigation bar) and click the Create App button at the top-right corner.
2. The app creation process will start, and the widget form will appear. You must input all the required details to complete the process.
   • App details:
     • Enter the App name and App contact email.
     
   • Use cases:
     • Select a respective use case from the list. In our case, the use case will be Authenticate and request data from users with Facebook Login.
     
   • Business:
     • Specify whether you want to connect a business portfolio.
     
   • Requirements:
     • Review the requirements for publishing your app.
     
   • Overview:
     • Take a look at the summary of all the steps you have completed and proceed with the Go to Dashboard button.
     
3. Go to the Use cases section and select the Customize option.
   
4. Navigate to the Facebook Login » Permissions and features section:
   • If you want to get the user’s email address, add email permission to the app.
   
5. Navigate to the Facebook Login » Settings section:
   • Set the Redirect URL in the Valid OAuth Redirect URIs input and Save changes.
   
6. Go to the App roles » Test Users section:
   • Create test users to test the integration before making the Facebook Login available in production.
   
7. Navigate to the App settings » Basic section:
   Here you will see the App ID and App secret, update all the basic details of your app and save changes.
   • App domain
   • Privacy Policy URL
   • Terms of Service URL
   • App icon
   

After completing the testing process, you need to publish the app for production use.

• Navigate to the Publish section, complete all the pending steps, and submit for review.

Once the App Review process is completed and approved by Facebook, your app will be published, and Facebook Login integration can be accessed by the Live Facebook users.

Conclusion

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

• Login with Facebook using PHP
• Login with Facebook in CodeIgniter