在其他服务器上后端重定向Azure Active应用程序注册的URI

Question

我即将部署一个角HTML前端作为Azure应用程序服务。在应用程序设置中，有一个选项可以启用Azure Active身份验证。如果启用，当我导航到https://my-awesome-project.azurewebsites.net时，我会被重定向到一个MS登录屏幕，在那里我可以输入我的AAD凭据。然而，为了使这个工作，我需要我的应用程序注册到AAD。

虽然遵循本指南只有三个步骤，但我仍然有一个问题：

因为在我的场景中，HTML前端(Azure )和Node.js后端API位于不同的服务器上，所以应用注册的重定向URI应该指向后端服务器的HTTP端点，对吗？

我见过的很多教程都说要将应用程序的web URL放到重定向URI字段中。但是在这种情况下，我的HTML/js前端如何知道如何处理它呢？

毕竟，微软说：“我们将在成功验证用户之后，将身份验证响应返回给这个重定向URL .”

干杯

Answer 1

您需要了解使用Azure Active Directory进行身份验证的works.If是如何进行身份验证的，那么您需要进行身份验证的任何应用程序都需要在AAD (Azure Active Directory)中注册。在您的情况下，前端和后端都需要在AAD中注册，后端需要对前端应用程序具有信任，并在Azure中进行配置。https://learn.microsoft.com/en-us/azure/app-service/app-service-web-tutorial-auth-aad

您的前端需要控制流，在身份验证之后，您可以重定向到前端，并且它应该从AAD接收令牌，并且您必须在授权头中使用该令牌来访问后端API。对于这类流，您可以使用AADL (AAD库https://github.com/AzureAD/azure-activedirectory-library-for-js)来处理这一问题，并且通常更好地选择这种身份验证流。

另一点，为什么您需要使用Azure应用程序服务的角/HTML，当它是一个静态的前端？您可以查看Azure静态托管站点，这将节省您的成本。https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website

更多资源https://learn.microsoft.com/en-us/azure/active-directory/develop/quickstart-v1-angularjs-spa