Setting up Facebook OAuth makes it easier for users to log in with their Facebook credentials, offering a convenient and familiar login experience. Follow these steps to integrate Facebook OAuth into your application:
Step 1: Create a Facebook Developer Account
- Go to Facebook for Developers.
- Click "Get Started" or log in with your Facebook credentials.
Step 2: Create a New App
- Go to Facebook Apps and select "Create App."
- Choose the "Allow people to log in with their Facebook account" option, then click "Next."
- Enter your app name (which will appear in the login popup), your contact email, and select a Business Account.
- Click "Create App".
Step 3: Configure Use Case
- Click on "Use Case."
- On "Authentication and Account Creation," click "Customize."
- In the permissions section, click "Add" for email and wait for its status to update to "Ready for testing."
- Click "Go To Settings."
- In the "Valid OAuth Redirect URIs" section, input: https://api.bitbybit.studio/bitlogin/api/login/facebook/callback.
- Click "Save Changes" and return to the dashboard.
Step 4: App Settings Configuration
Navigate to “App Settings” - “Basic” and complete the following:
- Display Name: Enter your store's name.
- Namespace: Optional.
- App Domains: Enter your store’s domain.
- Privacy Policy URL: Use your store’s privacy policy URL or https://bitbybit.studio/privacy.
- Terms of Service URL: Use your store’s terms URL or https://www.bitbybit.studio/terms-conditions.
- App Icon: Upload your store’s logo.
- Category: Select "Utility & Productivity."
- User Data Deletion: Enter https://www.bitbybit.studio/terms-conditions.
- Click "Save Changes."
Step 5: Configure Facebook OAuth
- Copy your “App ID” and “App Secret”
- Paste them into the bitLogin OAuth Settings - Facebook page.
- Toggle the "Use your store name on Facebook login" switch until it turns green.
- Click "Save Changes."
Step 6: Publish Your Facebook App
- Go to the "Go Live" section.
- Verify your business, then select your verified business.
- Answer the required questions in the "Data Handling Questions" section.
- Click "Go Live" to make the app publicly accessible for Facebook login.
- Once published, the Facebook login will be ready to use in your store.
Congratulations! You've successfully set up Facebook OAuth and obtained your App ID and App Secret. Make sure to store your app secret securely, as it’s sensitive information critical to authentication.