Skip to content

Commit 1d5a94f

Browse files
authored
Merge pull request #108359 from stevemunk/how-to-secure-spa-app
how-to-secure-spa-app.md: Improved grammar (78-100) and converted inline style links to end style links
2 parents b98a013 + facfd32 commit 1d5a94f

File tree

1 file changed

+16
-9
lines changed

1 file changed

+16
-9
lines changed

articles/azure-maps/how-to-secure-spa-app.md

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,28 +13,28 @@ ms.custom: devx-track-js, subject-rbac-steps
1313

1414
# How to secure a single-page web application with non-interactive sign-in
1515

16-
This article describes how to secure a single-page web application with Azure Active Directory (Azure AD), when the user isn't able to sign in to Azure AD.
16+
Secure a single-page web application with Azure Active Directory (Azure AD), even when the user isn't able to sign in to Azure AD.
1717

18-
To create this non-interactive authentication flow, we'll create an Azure Function secure web service that's responsible for acquiring access tokens from Azure AD. This web service will be exclusively available only to your single-page web application.
18+
To create this non-interactive authentication flow, first create an Azure Function secure web service that's responsible for acquiring access tokens from Azure AD. This web service is exclusively available only to your single-page web application.
1919

2020
[!INCLUDE [authentication details](./includes/view-authentication-details.md)]
2121

22-
> [!Tip]
22+
> [!TIP]
2323
> Azure Maps can support access tokens from user sign-on or interactive flows. You can use interactive flows for a more restricted scope of access revocation and secret management.
2424
2525
## Create an Azure function
2626

2727
To create a secured web service application that's responsible for authentication to Azure AD:
2828

29-
1. Create a function in the Azure portal. For more information, see [Getting started with Azure Functions](../azure-functions/functions-get-started.md).
29+
1. Create a function in the Azure portal. For more information, see [Getting started with Azure Functions].
3030

31-
2. Configure CORS policy on the Azure function to be accessible by the single-page web application. The CORS policy secures browser clients to the allowed origins of your web application. For more information, see [Add CORS functionality](../app-service/app-service-web-tutorial-rest-api.md#add-cors-functionality).
31+
2. Configure CORS policy on the Azure function to be accessible by the single-page web application. The CORS policy secures browser clients to the allowed origins of your web application. For more information, see [Add CORS functionality].
3232

33-
3. [Add a system-assigned identity](../app-service/overview-managed-identity.md?tabs=dotnet#add-a-system-assigned-identity) on the Azure function to enable creation of a service principal to authenticate to Azure AD.
33+
3. [Add a system-assigned identity] on the Azure function to enable creation of a service principal to authenticate to Azure AD.
3434

35-
4. Grant role-based access for the system-assigned identity to the Azure Maps account. For details, see [Grant role-based access](#grant-role-based-access-for-users-to-azure-maps).
35+
4. Grant role-based access for the system-assigned identity to the Azure Maps account. For more information, see [Grant role-based access].
3636

37-
5. Write code for the Azure function to obtain Azure Maps access tokens using system-assigned identity with one of the supported mechanisms or the REST protocol. For more information, see [Obtain tokens for Azure resources](../app-service/overview-managed-identity.md?tabs=dotnet#add-a-system-assigned-identity)
37+
5. Write code for the Azure function to obtain Azure Maps access tokens using system-assigned identity with one of the supported mechanisms or the REST protocol. For more information, see [Obtain tokens for Azure resources].
3838

3939
Here's an example REST protocol:
4040

@@ -60,7 +60,7 @@ To create a secured web service application that's responsible for authenticatio
6060
6161
6. Configure security for the Azure function HttpTrigger:
6262
63-
1. [Create a function access key](../azure-functions/functions-bindings-http-webhook-trigger.md?tabs=csharp#authorization-keys)
63+
1. [Create a function access key]
6464
1. [Secure HTTP endpoint](../azure-functions/functions-bindings-http-webhook-trigger.md?tabs=csharp#secure-an-http-endpoint-in-production) for the Azure function in production.
6565
6666
7. Configure a web application Azure Maps Web SDK.
@@ -111,3 +111,10 @@ Find the API usage metrics for your Azure Maps account:
111111
Explore other samples that show how to integrate Azure AD with Azure Maps:
112112
> [!div class="nextstepaction"]
113113
> [Azure Maps Samples](https://github.com/Azure-Samples/Azure-Maps-AzureAD-Samples/tree/master/src/ClientGrant)
114+
115+
[Getting started with Azure Functions]: ../azure-functions/functions-get-started.md
116+
[Add CORS functionality]: ../app-service/app-service-web-tutorial-rest-api.md#add-cors-functionality
117+
[Add a system-assigned identity]: ../app-service/overview-managed-identity.md?tabs=dotnet#add-a-system-assigned-identity
118+
[Grant role-based access]: #grant-role-based-access-for-users-to-azure-maps
119+
[Obtain tokens for Azure resources]: ../app-service/overview-managed-identity.md?tabs=dotnet#add-a-system-assigned-identity
120+
[Create a function access key]: ../azure-functions/functions-bindings-http-webhook-trigger.md?tabs=csharp#authorization-keys

0 commit comments

Comments
 (0)