Search⌘ K
Home
Courses
Building Web Applications with React and ASP.NET Core

Configuring Auth0 Settings in Our Frontend

Learn to configure Auth0 with React frontend.

We'll cover the following...

We are nearly ready to give the sign-in and sign-out processes a try. First, we need to configure our frontend to interact with the correct Auth0 tenant. These are configured in AppSettings.ts:

C#
export const authSettings = {
domain: 'your-domain',
client_id: 'your-clientid',
redirect_uri: window.location.origin + '/signin-
callback',
scope: 'openid profile QandAAPI email',
audience: 'https://qanda',
};

We need to substitute our specific Auth0 domain and client ID in this settings file. We discovered where to find these details from Auth0 in the last section but, as a reminder, here are the steps:

  1. On the Auth0 website, go to the “Applications” section. The client ID is against our QandA single-page application:

Auth0 client ID
Auth0 client ID
    ...