How to fix "application error" after deployed azure chat from GitHub.

Question

I have deployed my azure chat app (the one forked from microsoft/azurechat github) and I am pretty sure that I have followed every single step in the repo to build and deploy my solution into Azure web app.

However, after the deployment the app should run by the default domain. Instead, all I see is application error.

Any help/advise would be greatly appreciated.

Source that I used:

Azure Chat GitHub Repo: https://github.com/microsoft/azurechat

Steps I followed:

Step 1: Created the fork from MS Azure chat repo.

Step 2: Created the custom template.

Step 3: Created credentials. [Here we run the CLI to get a bunch of GUIDs to register into our github repository. It's the place where I connected my Azure portal to the github (While doing this, I mentioned my App service, subscription, client ID).

Step 4: Run the workflow. This is where it will build and deploy our forked solution into the connected azure portal.

 

Once the deployment is done, we should see the launch page of the web app. --- This itself is not happening for me.

 

Step 5: App registration. Added our provider (MS Azure AD) to completely use the web app.

Step 6: Register bunch of Id's. Client ID, Tenant ID and register my domain URL then get the client secret and register - These all under Azure portal app settings.

 

Now the app officially has to up and run and show us the chat page. But I see the below screen,

Answer 1

The Application Error you're seeing is likely due to a misconfiguration in the App Settings related to your Azure Active Directory (AAD) credentials or deployment issues. Here's the exact step you need to check:

Check Azure AD Authentication Configuration

1. Go to the Azure Portal and navigate to your App Service.
2. Under Settings, select Configuration.
3. Ensure that the following environment variables are set correctly:
   • Client ID (from Azure AD)
     • Tenant ID (from Azure AD)
       • Client Secret (from Azure AD)

Make sure these values match the credentials you registered in Azure AD.

1. Double-check that the Redirect URI in your Azure AD app registration matches the domain of your deployed app.

Check Logs for Errors

1. In the Azure Portal, go to Monitoring > Log Stream for your App Service.
2. Look for specific error messages related to authentication or missing configurations.

If you find any errors in the logs related to Azure AD or app settings, fix them, and then restart your app.

Azure Active Directory (AAD) authentication and app settings in Azure:

• Configure authentication for your Azure App Service

This guide will walk you through setting up Azure AD authentication, including how to set the Client ID, Tenant ID, and Client Secret in your App Service.