Angular 2 Active Directory Auth 不离开页面答案

【问题标题】：Angular 2 Active Directory Auth Without Leaving PageAngular 2 Active Directory Auth 不离开页面
【发布时间】：2017-11-02 16:52:57
【问题描述】：

我正在创建一个 Word Web 加载项，其中涉及使用 Azure B2C Active Directory 登录，然后调用 API。

我在项目中创建了一个 Web 插件，并在 this example 之后使用 angular 2 和 msal.js。

msal.js 库提供了 2 种登录方式，我可以看到，使用弹出窗口或重定向到登录页面。

this.clientApplication.loginRedirect();
this.clientApplication.loginPopup();

我一直在使用浏览器调试插件，在浏览器中运行时我可以成功使用任一登录选项，但是在尝试在 word 中实际使用插件时会出现问题。

如果我使用重定向选项，那么当我点击登录时，页面会以 chrome 格式打开，我可以登录，但我在浏览器中而不是在我可以实际使用加载项的 word 中（插件仍在运行，但未登录）。

如果我使用弹出选项，那么当我尝试登录时（以 word 形式），我只会得到一个弹出窗口，我需要选择一个应用程序（我什至不能选择任何东西，只能选择商店）：

有没有留在一页中的登录方式？

【问题讨论】：

【解决方案1】：

找到解决方案：使用 loginRedirect() 方法，它只能在 chrome 中打开，因为它不是“已批准”的 url。

我只需要将 https://login.microsoftonline.com 添加到 XML 清单中的 AppDomains 中：

现在登录页面按预期在 Word 任务窗格中打开。

【讨论】：