How To Get Facebook App Id And App Secret

This blog post was originally written in December 2017. Facebook has changed its developer portal user interfaces since then. For the same, we have updated the blog for Facebook application id and secret key in 2021 as per latest developer portal steps.

If you ever need to integrate Facebook Login or use Facebook graph API, you can hire asp.net developers from us at an affordable rate.

How To Get An App ID and Secret Key From Facebook

You have to register for a new Facebook App to get a Facebook App ID and Secret Key. It is very easy to set up an account and it is free of cost where your application does not need to do anything. For the further process, we only need the keys.

In case you have a Facebook App, you can directly use its App ID and Secret Key without any registration to a new account.

First, you have to navigate your browser to the Facebook Developers page. For the same, you have to login into your Facebook account.
Next, you need to Click the "Add a New App" link located in the top right "My Apps" menu.

Login Process for Facebook API:

To use the Facebook API, like the Login with Facebook or Facebook Graph API, you need to create a Facebook App. When you make a Facebook App, that app will have an App ID and an App Secret. You need these credentials to do almost anything with Facebook, including going through the OAuth authorization flow and working with Facebook's Graph API.

With the App ID, you can send API requests to Facebook for data. The Facebook App Secret can be used to decode encrypted data.

Follow the below steps to create Facebook application:

1. Login to your Facebook account and navigate to https://developers.facebook.com

2. If you already have an account registered for a Facebook developer account, you can skip this step and directly go to step 3. If you are not registered on a Facebook developer account, then you need to follow these steps:

Click on Get Started button from the top right corner.

get-started-button-on-facebook-developers (1).png

Now, you need to click on the "Next button" from the popup.

enter-details-for-facebook-developers-account (1).png

Enter your verification code to verify your account through your mail ID.

verify-account-by-entering-code (1).png

It may be needed to Re Verify your account by your mail ID.

reverify-account-by-email-id (1).png

On the next screen, after verifying your account, 3rd step is to tell you about it. Select the Developer option here.

enter-your-details-in-facebook (1).png

On welcome screen, click on Create First App button. Here you'll be asked for Display Name and Contact Email of your New App ID. This app name will be shown to end-users when they will try to "Login with Facebook" and they are redirected to the Facebook website for login permission.
So, make sure you give a meaningful name here which can identify your website.

select-an app-type.png

3. If you are already registered with Facebook developer perform below steps:

Click on "My App" >> "Add a New App"

entering -details-in-app-type (1).png

From the popup enter "Display Name" of your new application and "Contact Email", then click on the "Create App Id" Button.

Complete the Security Check entering the password and click on "Submit button" and it will open the product list page.

4. From the Product list page click on "Set Up" button from product with name "Facebook Login".

add-products-to-your-app (1).png

5. In the menu at the left corner, click on the "Facebook Login" link to expand the sub menu. Next, you need to Click on "Settings" from the sub-menu.

6. Now, you will see the details where you have to enter your website URL in "Valid OAuth redirect URIs".

For example, my website domain is yourdomain.com so I entered https://yourdomain.com

7. Now expand the Setting menu and select Basic. Here you can find the App ID and App Secret. Then click on the "Show" button in the "App Secret" text box. You can copy the "App Id" and "App Secret" which you can use for your Facebook API calls.

8. By default, when you create Facebook application, it is private and available only to you for testing purpose. End users can only use it after you make the app live. For the live app you must enter a Privacy Policy URL at setting > Basic.

other-settings-in-facebook (1).png

9. For Switching the mode from Development to Live, click on the status switch. After that, it will show a popup to switch the mode. Please select the category of your app and click on the "Switch Mode" button to make your app public.

select-switch-mode (1).png

If you find this blog useful and are curious to know more about social media integration, please go through the below-mentioned blogs.

ASP.NET - login with Facebook and graph API
ASP.NET - Login and SignUp with LinkedIn API
2020 Updated: How to get Google app Client ID and Client Secret