Supported Platforms

Web

React Native

Flutter

iOS

Android

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

👉 Play with a demo

👉 Watch the video walkthrough

#Prerequisites

• You will need a Twitter Developer account with Elevated access
• 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

#Twitter Setup

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

1. Go to your Magic Dashboard
2. Select the Magic app for which you’d like to enable Twitter Login, or create a new app
3. Navigate to Social Login from the sidebar
4. Click the toggle for Twitter
5. Copy the Redirect URI field from your Magic Dashboard
6. Go to Twitter App Dashboard. Navigate to Projects & Apps
7. In the Projects & App, click New Project under Elevated, click Create new button on the next screen, choose your app environment, enter your app Name, and click Next
   
8. 
   Make sure to copy the API Key and API Key Secret to the Magic dashboard, which you can then use with your application that connects to Twitter.
   
9. In Magic Dashboard, click Save
10. Back to the Twitter Dashboard, click Set up under the User authentication settings section
    
11. Toggle OAuth2.0 and select App Type based on your requirement. ⁠
    
12. Make sure to paste the Redirect URI from Magic Dashboard in the Callback URI / Redirect URL and enter your Website URL and click Save. ⁠
    
13. Return to your Magic Dashboard and click "Test Connection" to give your new Twitter OAuth flow a try! 🎉