windowsLogin Providers

Drako Tickets supports password-based login and three OAuth providers: Google, Discord, and Microsoft. OAuth providers are optional β€” you can enable any combination of them.

OAuth is configured in two places:

  1. The provider's developer console β€” to create OAuth credentials

  2. Supabase β€” to enable the provider and paste the credentials

  3. DrakoTickets dashboard β€” to show the button on the login page

Supabase callback URL

All three providers require the same redirect URL. You will need this in each setup below:

https://<your-supabase-project>.supabase.co/auth/v1/callback

You can find and copy this URL directly from Settings β†’ Login Providers inside the DrakoTickets dashboard.

Google

1

Create OAuth credentials in Google Cloud

  1. Go to console.cloud.google.comarrow-up-right and open or create a project.

  2. Navigate to APIs & Services β†’ Credentials and click Create Credentials β†’ OAuth 2.0 Client ID.

  3. Set the application type to Web application.

  4. Under Authorised redirect URIs, add your Supabase callback URL and click Save.

  5. Copy the Client ID and Client Secret.

2

Enable in Supabase

  1. Open your Supabase dashboard β†’ Authentication β†’ Providers β†’ Google.

  2. Paste the Client ID and Client Secret.

  3. Toggle the provider Enabled and click Save.

3

Enable in DrakoTickets

  1. Go to Settings β†’ Login Providers.

  2. Toggle Google on and click Save.

The Google sign-in button will now appear on the login and registration pages.

Discord

1

Create OAuth credentials in Discord

  1. Go to discord.com/developers/applicationsarrow-up-right and click New Application (or open an existing one).

  2. Open the OAuth2 tab and click Add Redirect.

  3. Paste your Supabase callback URL and click Save Changes.

  4. Copy the Client ID and Client Secret from the top of the OAuth2 tab.

circle-info

If you are also using the Discord bot integration, you can use the same application β€” the bot token and OAuth credentials are separate.

2

Enable in Supabase

  1. Open your Supabase dashboard β†’ Authentication β†’ Providers β†’ Discord.

  2. Paste the Client ID and Client Secret.

  3. Toggle the provider Enabled and click Save.

3

Enable in DrakoTickets

  1. Go to Settings β†’ Login Providers.

  2. Toggle Discord on and click Save.

Microsoft

1

Register an application in Azure

  1. Go to the Azure Portalarrow-up-right and navigate to Azure Active Directory β†’ App registrations β†’ New registration.

  2. Give the app a name and choose the supported account types:

    • Single tenant β€” only your organisation's accounts

    • Multitenant β€” any Microsoft / Azure AD account

    • Multitenant + personal β€” also allows personal Microsoft accounts (Outlook, Hotmail)

  3. Under Redirect URI, select Web and paste your Supabase callback URL.

  4. Click Register.

  5. Copy the Application (client) ID from the Overview page.

  6. Go to Certificates & secrets β†’ New client secret, set an expiry, and copy the Value (not the Secret ID).

2

Enable in Supabase

  1. Open your Supabase dashboard β†’ Authentication β†’ Providers β†’ Azure.

  2. Paste the Client ID (Application ID) and Client Secret.

  3. If you registered for a single tenant, also set the Azure Tenant ID (found on the Azure Overview page).

  4. Toggle the provider Enabled and click Save.

3

Enable in Drako Tickets

  1. Go to Settings β†’ Login Providers.

  2. Toggle Microsoft on and click Save.

Troubleshooting

chevron-rightOAuth button appears but clicking it shows an errorhashtag
  • Double-check the redirect URI in the provider's console matches the Supabase callback URL exactly (no trailing slash).

  • Ensure the provider is enabled in both Supabase and the DrakoTickets dashboard.

chevron-right"Email already in use" after signing in with OAuthhashtag
  • Supabase links OAuth accounts to existing email addresses automatically if Link accounts is enabled in your Supabase Auth settings.

  • If it is disabled, the user must first log in with their password and then link the OAuth account from their profile.

chevron-rightGoogle shows "This app isn't verified"hashtag
  • This warning appears during development. Click Advanced β†’ Go to [app name] (unsafe) to proceed.

  • To remove the warning in production, submit your app for Google OAuth verification in the Google Cloud Console.

Last updated