Discord authentication

Discord authentication lets your users sign in with the Discord account they already use for communities and chats. Once connected, you can add a “Continue with Discord” button to your app.

Setup in the Discord dashboard

1. Go to the Discord Developer Portal.
2. Create a new application (or open an existing one).
3. Open the OAuth2 settings for your application.
4. Add a redirect URL (the URL Discord sends users back to after login).
   • Use the full URL of the page you select as Success page in WeWeb.
5. Copy the credentials you’ll need (usually a Client ID and Client Secret).

Connect Discord in WeWeb

1. In the WeWeb editor, go to Data & API → Auth → Integrating providers.
2. Select Discord and turn on the Enable toggle.
3. Paste your Discord credentials into the fields shown in WeWeb.
4. Click Save.

Test sign in

1. Add a “Continue with Discord” button in Interface.
2. Create a workflow on click and add Sign in with social provider.
3. Set:
   • Provider: discord
   • Success page, Error page, And (optional) New user page
4. Preview and run the sign-in flow.

Common pitfalls

Redirect URL mismatch

• Make sure the redirect URL in Discord exactly matches the page URL used as Success page in WeWeb.
• Check you’re using the correct environment (preview vs production).

Wrong credentials

If Discord returns an “invalid client” error, re-copy the Client ID and Client Secret from the Discord portal and paste them again in WeWeb.

Reference

Setting in WeWeb	Description	Where to find it in Discord
Client ID	Identifies your Discord application.	Your app page in the Developer Portal.
Client Secret	Used to complete the sign-in flow securely.	OAuth2 settings in the Developer Portal.

FAQs

Which redirect URL should I add in Discord?

Add the full URL of the page you choose as Success page in Sign in with social provider (for the same environment you’re testing).