Creating an App on Meta for a Developers’ Account

To use the Graph API, we first have to create an account.

Create an account

We can sign up for a Meta for Developers account on their official page. Follow the steps below to sign up successfully:

1. Click the “Log In” button at the top right corner.

2. Click the “Create New Account” button to sign up. If you already have a Facebook account, provide your registered email/phone number and password. Then, press the “Log In” button.

3. Fill in the relevant information in the sign-up form and then press the “Sign Up” button.

The slides below will help you visualize the process:

Create a new application

After logging in, we must create a new application to get our “App ID” and “App Secret.” Follow the steps given below:

1. Click the “My Apps” button in the top right corner.

2. Click the “Create App” button to start creating your app.

3. Select “None” as the app type and click the “Next” button.

4. Enter your app name in the input box. Your Facebook account email will be your app contact email. Then, click the “Create app” button to create your app.

5. Click the “Set up” button to set up a Facebook login.

6. Select the platform for your app and then press “Next.” For this course, the app platform will be “Web.”

7. Put https://www.educative.io as the site URL for this project, and click “Save.”

8. Click the “Dashboard” button in the sidebar to view your app dashboard.

9. Click the “Settings” button under the “Facebook Login” category to view app settings.

10. Enter https://www.educative.io, https://static.educative.run, and the link below in the “Valid OAuth Redirect URLs” to add these URLs to the trustlist.

Note: These are the URLs where our React App will run in the next lesson in order to get the “Access Token.”

11. Click the “Save changes” button.

12. Click the “Basic” button in the sidebar under the “Settings” category to find your “App ID” and “App Secret.”

13. Click the “Show” button to reveal your “App Secret.”

The slides below will help you visualize the process:

Save App ID and App Secret

Click the “Edit” button in the code widget below. Enter “App ID” and “App Secret” and click “Save.” Click the “Run” button to see if the “App ID” and “App Secret” are saved successfully.