#Overview

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

#Usage

#Prerequisites

• You will need a Twitch 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

#Twitch Setup (v1 extension)

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

1. Go to your Magic Dashboard
2. Select the Magic app for which you’d like to enable Twitch Login, or create a new app
3. Navigate to Social Login from the sidebar
4. Click the toggle for Twitch
5. Copy the Redirect URI field from your Magic Dashboard
6. Follow Twitch's registration instructions to register your app
7. Paste Redirect URI into the OAuth Redirect URLs
   
8. After creation of your Twitch app, click Manage
   
9. In the manage application section, click New Secret
   
10. Obtain the Client ID and Client Secret
11. Return to your Magic Dashboard and input the Client ID and Client Secret for your Twitch OAuth app
12. In Magic Dashboard, click “Save”
13. Click "Test Connection" to give your new Twitch OAuth flow a try!

#Twitch Setup (v2 extension)

• Follow above steps, but disregard Magic's Redirect URI in step 5
• In step 7, paste the Redirect URI you are passing in as the redirectURI argument to the loginWithRedirect method

01await magic.oauth2.loginWithRedirect({

02  provider: 'twitch',

03  redirectURI: 'https://your-app.com/your/oauth/callback', // <== whitelist this with Twitch

04});

#Resources

• Twitch Social Login Demo