Facebook Social Login

Supported Platforms

     

You can allow your users to sign up & log in to your web app with their Facebook account.

Style your Facebook button however you’d like!

👉 Play with a demo

Prerequisites

• You will need a Facebook Developer account
• You will need to have the Magic SDK installed into your web app
• You will need to have the Magic SDK - OAuth Extension installed into your web app

Facebook Setup

After installing the OAuth extension, you can now enable Facebook Login for your Magic app:

1. Follow Facebook's instructions to register a Facebook app

2. When creating your Facebook app, select "For Everything Else" to include Facebook Login

3. On the next screen, you'll be presented with different products you can integrate into your Facebook app. Click "Set Up" in the card representing the Facebook Login capability.

4. Skip the "Quick Start" flow and go directly to Settings > Basic

5. Obtain the "App ID" and "App Secret"

6. Go to your Magic Dashboard

7. Select the Magic app for which you’d like to enable Facebook Login, or create a new app

8. Navigate to Social Login from the sidebar

9. Click the toggle for Facebook

10. Input the App ID and App Secret for your Facebook app

11. Copy the Redirect URI field from your Magic Dashboard

12. Return to your Facebook Dashboard and go to Facebook Login > Settings

13. Paste the Redirect URI you obtained from your Magic Dashboard into the "Valid OAuth Redirect URIs" field

14. In Magic Dashboard, click “Save” – Done! 🎉