使用 OfficeDev/office-js-helpers 而不是 adal 进行身份验证

Question

我正在开发一个当前使用 adal 获取身份验证令牌的 Office 加载项。

因为我想使用 Fabric 前端，所以我将其更改为 React，我注意到officer-js-helpers 已经实现了身份验证器，这些验证器似乎与 adal 库执行相同的工作。 我在这个假设中正确吗？如果是这样，我如何使用 office-js-helpers 身份验证功能复制此 adal 配置：

var adalConfig = {
    instance: 'https://login.microsoftonline.com/',
    tenant: 'myprivatesite.onmicrosoft.com',
    clientId: 'xxx-xxx-xxx-xxx-xxx',
    endpoints: {
      'https://my.private.url.endpoint/path': 'https://myprivatesite.onmicrosoft.com/path.to.something',
    }

还有这个令牌请求：

var authContext = new AuthenticationContext(adalConfig);
 authContext.acquireToken('https://myprivatesite.onmicrosoft.com/path.to.something', function (error, token) {
        console.log(token)
      });

更新： 我的反应应用程序中有 adal.js 库。我使用了adalAuthenticationService 角度提供程序中init 函数中的一些代码来检索身份验证令牌。

所以问题仍然存在。我可以使用office-js-helpers 做同样的事情吗？

Answer 1

Adal.js 不能开箱即用地用于 Web 加载项身份验证，因为在 Web 加载项的沙盒 iFrame 上下文中，您不能简单地导航到在您的域之外托管的身份验证登录页面。

Office-js-helpers 在可用时使用dialogAPI，在不可用时使用弹出窗口作为后备解决方案。

如果我没记错的话，Office-js-helpers 仅针对 Azure AD v2.0（与 Azure AD 相比，它具有许多不错的新功能）。我想这是一个不错的选择。

我创建了一个Open source sample 文档，您可能会对它感兴趣。但是，这并不是您想要的，它基于 AuthorizationCode 流，而您正在寻找隐式流。

Answer 2

OK 看来这非常容易。 adal 配置只需要客户端 ID 和租户。

if (OfficeHelpers.Authenticator.isAuthDialog()) {
  return;
}

var authenticator = new OfficeHelpers.Authenticator();

authenticator.endpoints.registerAzureADAuth('xxx-xxx-xxx-xxx-xxx', //clientId
'myprivatesite.onmicrosoft.com' // tenant
);

authenticator.authenticate(OfficeHelpers.DefaultEndpoints.AzureAD)
  .then(function (token) {
    console.log(token);
  .catch(function(error) {
    console.log(error);
  });