Skip to content

Configure Discord Authentication

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

Warning

Some of the authentication provider configuration steps are performed using the Discord Developer Portal, whereas the others use the Arcana Developer Dashboard. After configuring Discord, 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 Discord.

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 set up Discord OAuth.

redirect_page

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

Step 2: Discord Developer Portal

Go to the Discord Developer Portal and create a new application.

discord console

You need to set up OAuth 2.0 credentials for your newly created app entry in the Discord Developer Portal. Click OAuth2 in the Discord Developer Portal LHS navigation pane, you will see the Redirects field. Specify the Redirect URI copied from the Arcana Developer Dashboard in the previous step.

discord console

Save the app settings in Discord Developer Portal.

The General Information page in the Discord Developer Portal shows a unique Application ID and a public key assigned by Discord for your application entry.

Discord OAuth ClientID

Copy the Application ID and the public key. It will be required in the next step while configuring Discord settings using the Arcana Developer Dashboard.

Step 3: Update the Arcana Developer Dashboard

Revisit the Arcana Developer Dashboard tab and view the app configuration screen. Click Configure > Social Auth in the LHS navigation bar and refer to the "Discord" settings. Paste the Application ID and public key assigned by Discord, in the previous step in the ClientID and secret fields respectively.

howto_config_discord_clientid

Save the settings. Arcana assigns a Client ID to every registered app. Save the Client ID as it will be required during integration with the Arcana Auth SDK.

App Identifier

You are all set with the Discord 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: April 24, 2023 by shaloo