Skip to content

Configure Twitch Authentication

Web3 apps can select and enable user onboarding via Twitch by configuring the Social Auth settings in the Arcana Developer Dashboard before integrating the app with the Arcana Auth SDK.

Warning

  1. Some of the authentication provider configuration steps are performed using the Twitch Developer Dashboard, whereas the others use the Arcana Developer Dashboard. After configuring Twitch, simply integrate the app with the Arcana Auth SDK, initialize the AuthProvider, and only then add code in the app to trigger user authentication via Twitch.

  2. When utilizing global keys in the Mainnet configuration profile, developers do not need to configure the social login section in the Arcana Developer Dashboard or set up provider-specific OAuth settings to obtain a clientID. If you are using a copy of the Testnet configuration profile as the Mainnet configuration profile, remove the Social Auth section settings altogether. Simply use the Arcana assigned Client ID for integrating the app with the Arcana Auth SDK.

Step 1: Get Redirect URI

Go to the Arcana Developer Dashboard: https://dashboard.arcana.network

Register the app by creating a new entry using the 'Create New App' wizard.

Registering App

Skip this step if you have already registered your app using the Arcana Developer Dashboard and obtained a Client ID.

Go to the app configuration screen on the Arcana Developer Dashboard and click Configure > Social Auth section in the LHS. Copy the redirect URI value displayed on the top RHS. This will be used in the next step to generate Twitch OAuth credentials.

redirect_page

Do not close the Arcana Developer Dashboard browser tab. Open another tab and set up Twitch OAuth. Then come back to the Arcana Developer Dashboard tab and complete the app configuration.

Step 2: Twitch Developer Console

Go to the Twitch Developer Console and register the app as a new Twitch application.

twitch console

Enter the application name.

Specify the Redirect URI copied from the Arcana Developer Dashboard in the previous step into the OAuth Redirect URL field of the Twitch Developer Console.

Copy the ClientID that is automatically generated by Twitch for the newly registered application in the Twitch Developer Console. It will be required in the next step while using the Arcana Developer Dashboard for completing the app configuration.

twitch config details

Step 3: Update the Arcana Developer Dashboard

Revisit the Arcana Developer Dashboard. View the app configuration screen. Click Configure > Social Auth in the LHS navigation bar. Refer to the "Twitch" field and paste the Client ID assigned by Twitch Developer Console, in the previous step, in the input text field.

howto_config_twitch

Save the settings. Arcana assigns an Client ID to every registered app. Save this Client ID and use it while integrating the app with the Arcana Auth SDK.

App Identifier

You are all set with the Twitch configuration. Integrate the Web3 app with the Arcana Auth SDK, onboard users and enable the authenticated users to sign blockchain transactions. See Arcana wallet Developer's Guide for details.


Last update: June 29, 2023 by shaloo