Supported Platforms

Web

React Native

Flutter

iOS

Android

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

👉 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

1. 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.

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

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

1. Go to your Magic Dashboard
2. Select the Magic app for which you’d like to enable Facebook Login, or create a new app
3. Navigate to Social Login from the sidebar
4. Click the toggle for Facebook
5. Input the App ID and App Secret for your Facebook app
6. Copy the Redirect URI field from your Magic Dashboard
7. Return to your Facebook Dashboard and go to Facebook Login > Settings

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

1. In Magic Dashboard, click “Save”.
2. Click "Test Connection" to give your new Facebook OAuth flow a try! 🎉