Building Web Applications with React and ASP.NET Core/

...

/

Configuring Auth0 Settings in Our Frontend

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:

Press + to interact
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:

Press + to interact
Auth0 client ID
Auth0 client ID
    ...