Skip to content

User Login with Discord

Estimated time to read: 1 minute

In this guide, you will learn how a Vanilla HTML/CSS/JS app integrated with the Arcana Auth SDK can easily onboard users via custom login UI and Discord as the authentication provider.

Prerequisites

Steps

Using Discord to onboard users in a Web3 app that is integrated with the Arcana Auth SDK is simple!

Just a single line of code!

Step 1: Call loginWithSocial function

Make sure that all the prerequisites listed above are met. The app should be successfully registered, configured, and integrated with the Arcana Auth SDK, before adding code to onboard users via Discord.

await auth.loginWithSocial('discord')

Check if a user is logged in:

const connected = await auth.isLoggedIn()

Add code in the app to log out an authenticated user:

await auth.logout()

That is all!

The Web3 app is all set for onboarding users via Discord.

Arcana JWT Token

Upon successful authentication, Arcana Auth SDK returns a unique JWT token to the app called the Arcana JWT Token. App developers can access this token via getUser() method and refer to the loginToken field of the UserInfo object.

Developers can use this token to verify the user and subsequently generate another token for app use if required.

In the future, the Arcana JWT Token will be deprecated. Use userDIDToken to verify user.

Upon successful authentication, Arcana Auth SDK returns a unique DID token to the app called the Arcana DID Token. App developers can access this token via getUser() method and refer to the userDIDToken field of the UserInfo object.

Developers can use this token to verify the user and subsequently generate another token for app use.

What's Next?

After onboarding app users via Discord, you can allow authenticated users to access the Arcana wallet for signing blockchain transactions on any supported blockchain network. Plug in other Arcana Auth SDK functions in the app code such as getting the authenticated user's account details, performing Web3 wallet operations, etc. See Arcana Auth SDK Usage Guide and Arcana wallet Developer's Guide for details.

See also


Last update: April 7, 2024 by shaloo, shaloo