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

Configuring Auth0 Settings in Our Frontend

Explore how to configure Auth0 settings in your React frontend by updating AppSettings with your domain, client ID, and audience. Learn to create Auth0 users and test the sign-in and sign-out flows, ensuring secure and authorized access in your web application.

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
    ...