How to Add Twitter Social Login with Magic

How to Add Twitter Social Login with Magic

Supported Platforms

Web   React Native   iOS

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

👉 Play with a demo

Prerequisites

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, click add App, enter your app Name, and click complete

Name your app

  1. make sure to copy the API key, API secret key to the Magic dashboard, which you can then use with your application that connects to Twitter

Tokens

  1. In Magic Dashboard, click Save

  2. Back to the Twitter Dashboard, click Edit in th Authentication settings section

authentication Settings

  1. Toggle Enable 3-legged OAuth and Request email address from user. Make sure to paste the Redirect URI in the input callback URLs and click Save

Enable Authentication

  1. You are all set! 🎉
How to Add Twitter Social Login with Magic