Twitch provider setup for Users & Permissions

Page summary:

Configure Twitch OAuth authentication for Strapi's Users & Permissions feature by registering your application on the Twitch developer console and adding your credentials to Strapi's provider settings.

The present page explains how to setup the Twitch provider for the Users & Permissions feature.

Prerequisites

You have read the Users & Permissions providers documentation.

Twitch configuration

Note

Twitch accepts the localhost urls.
The use of ngrok is not needed.

1. Visit the Apps list page on the developer console at https://dev.twitch.tv/console/apps
2. Click on Register Your Application button
3. Fill the information:
   • Name: Strapi auth
   • OAuth Redirect URLs: http://localhost:1337/api/connect/twitch/callback
   • Category: Choose a category
4. Click on Manage button of your new app
5. Generate a new Client Secret with the New Secret button
6. You should see your Application ID and secret, save them for later

Strapi configuration

1. Visit the User & Permissions provider settings page at http://localhost:1337/admin/settings/users-permissions/providers
2. Click on the Twitch provider
3. Fill the information (replace with your own client ID and secret):
   • Enable: ON
   • Client ID: amuy279g8wt68qlht3u4gek4oykh5j
   • Client Secret: dapssh10uo97gg2l25qufr8wen3yr6
   • The redirect URL to your front-end app: http://localhost:3000/connect/twitch/redirect

Your configuration is done. Launch the backend and the react login example application, go to http://localhost:3000 and try to connect to the provider you configured.