@@ -13,15 +13,15 @@ We will add Microsoft Entra ID as an authentication provider to API and Web Appl
1313
14141 . Add Authentication Provider in Web Application
1515
16- - Go to deployed Container App and select ` ca-<randomname>-web ` and click ** Add Identity Provider** button in Authentication.
16+ - Go to deployed Container App and select ` ca-cps- <randomname>-web ` and click ** Add Identity Provider** button in Authentication.
1717 ![ add_auth_provider_web_1] ( ./Images/add_auth_provider_web_1.png )
1818
1919 - Select ** Microsoft** and set ** Client secret expiration** , then click ** Add** button.
2020 ![ add_auth_provider_web_2] ( ./Images/add_auth_provider_web_2.png )
2121
22222 . Add Authentication Provider in API Service
2323
24- - Go to deployed Container App and select ` ca-<randomname>-api ` and click ** Add Identity Provider** button in Authentication.
24+ - Go to deployed Container App and select ` ca-cps- <randomname>-api ` and click ** Add Identity Provider** button in Authentication.
2525 ![ add_auth_provider_api_1] ( ./Images/add_auth_provider_api_1.png )
2626
2727 - Select ** Microsoft** and set ** Client secret expiration** .
@@ -34,7 +34,7 @@ We will add Microsoft Entra ID as an authentication provider to API and Web Appl
3434
35351 . Set Redirect URI in Single Page Application Platform
3636
37- - Go to deployed Container App ` ca-<randomname>-web ` and select ** Authentication** menu, then select created Application Registration.
37+ - Go to deployed Container App ` ca-cps- <randomname>-web ` and select ** Authentication** menu, then select created Application Registration.
3838 ![ configure_app_registration_web_1] ( ./Images/configure_app_registration_web_1.png )
3939
4040 - Select ** Authentication** , then select ** + Add a platform** menu.
@@ -43,15 +43,15 @@ We will add Microsoft Entra ID as an authentication provider to API and Web Appl
4343 - Select ** Single-page application** .
4444 ![ configure_app_registration_web_3] ( ./Images/configure_app_registration_web_3.png )
4545
46- - Add Container App ` ca-<randomname>-web ` 's URL.
46+ - Add Container App ` ca-cps- <randomname>-web ` 's URL.
4747 ![ configure_app_registration_web_4] ( ./Images/configure_app_registration_web_4.png )
4848
4949 - You may get this URL from here in your Container App.
5050 ![ configure_app_registration_web_5] ( ./Images/configure_app_registration_web_5.png )
5151
52522 . Add Permission and Grant Permission
5353
54- - Add Permission for API application. Select ** + Add a permission** button, then search API application with name ` ca-<your environment name>-<unique string >-api ` .
54+ - Add Permission for API application. Select ** + Add a permission** button, then search API application with name ` ca-cps-<randomname >-api ` .
5555 ![ configure_app_registration_web_6] ( ./Images/configure_app_registration_web_6.png )
5656 ![ configure_app_registration_web_7] ( ./Images/configure_app_registration_web_7.png )
5757
@@ -74,7 +74,7 @@ We will add Microsoft Entra ID as an authentication provider to API and Web Appl
7474
75751 . Grab Scope Name for Impersonation
7676
77- - Go to deployed Container App ` ca-<randomname>-api ` and select ** Authentication** menu, then select created Application Registration.
77+ - Go to deployed Container App ` ca-cps- <randomname>-api ` and select ** Authentication** menu, then select created Application Registration.
7878 ![ configure_app_registration_api_1] ( ./Images/configure_app_registration_api_1.png )
7979
8080 - Select ** Expose an API** in the left menu. Copy the Scope name, then paste it in some temporary place.
@@ -83,11 +83,11 @@ We will add Microsoft Entra ID as an authentication provider to API and Web Appl
8383
8484## Step 4: Add Web Application's Client Id to Allowed Client Applications List in API Application Registration
8585
86- 1 . Go to the deployed Container App ` ca-<randomname>-api ` , select ** Authentication** , and then click ** Edit** .
87- ![ add_client_id_to_web_1 ] ( ./Images/add_client_id_to_web_1 .png )
86+ 1 . Go to the deployed Container App ` ca-cps- <randomname>-api ` , select ** Authentication** , and then click ** Edit** .
87+ ![ add_client_id_to_api_1 ] ( ./Images/add_client_id_to_api_1 .png )
8888
89892 . Select ** Allow requests from specific client applications** , then click the ** pencil** icon to add the Client Id.
90- ![ add_client_id_to_web_2 ] ( ./Images/add_client_id_to_web_2 .png )
90+ ![ add_client_id_to_api_2 ] ( ./Images/add_client_id_to_api_2 .png )
9191
92923 . Add the ** Client Id** obtained from [ Step 2: Configure Application Registration - Web Application] ( #step-2-configure-application-registration---web-application ) , then save.
9393 ![ add_client_id_to_web_3] ( ./Images/add_client_id_to_web_3.png )
@@ -101,7 +101,7 @@ Now, we will edit and deploy the Web Application Container with updated Environm
1011011 . Select ** Containers** menu under ** Application** . Then click ** Environment variables** tab.
102102![ update_env_app_1_1] ( ./Images/update_env_app_1_1.png )
1031032 . Update 3 values which were taken in previous steps for ** APP_MSAL_AUTH_CLIENT_ID** , ** APP_MSAL_AUTH_SCOPE** , ** APP_MSAL_TOKEN_SCOPE** .
104- Click on ** Save as a new revision**
104+ Click on ** Save as a new revision** .
105105 The updated revision will be activated soon.
106106
107107## Conclusion
0 commit comments