Outlook React Addin 中的空白身份验证对话框窗口

2023-12-24

我尝试过使用对话框API https://learn.microsoft.com/en-us/office/dev/add-ins/develop/dialog-api-in-office-add-ins and Office JS 帮助程序 https://github.com/OfficeDev/office-js-helpers用于在我的 Outlook Addin React 应用程序中对用户进行身份验证,它们都创建了用于身份验证的弹出窗口,但它们都是空白屏幕。两种方法都会返回以下错误

纯文本文档的字符编码未声明。 文档在某些浏览器中会呈现乱码 如果文档包含来自外部的字符,则配置 US-ASCII 范围。文件的字符编码需要是 在传输协议或文件中声明需要使用字节顺序 标记为编码签名。

起初我认为这可能是因为我的身份验证域未在我的清单中列出AppDomain标签,但我后来添加了它并重新安装了我的加载项,但没有成功。

这是我尝试过的两个版本:

Office.context.ui.displayDialogAsync('https://foobar.auth.us-east-1.amazoncognito.com/login?client_id=MY_CLIENT_ID&response_type=code&redirect_uri=https://localhost:3000', {height: 30, width: 20});

and

authenticator.endpoints.add('Cognito', {
  redirectUrl: 'https://localhost:3000',
  baseUrl:'https://foobar.auth.us-east-1.amazoncognito.com/oauth2',
  authorizeUrl: '/authorize',
  responseType: 'token',
  tokenUrl: '/token',
  state: false,
  nonce: false,
  scope: 'openid',
  extraQueryParameters:null,
  clientId: 'MY_CLIENT_ID'
});
//for the default Microsoft endpoint
authenticator
    .authenticate('Cognito')
    .then(function (token) { return console.log('good') })
    .catch(function(err)
    {
      OfficeHelpers.Utilities.log();
      console.log("CATCH ERROR")
      console.log(JSON.stringify(err))
    });

我并不特别关心我使用哪种方法,我只需要其中一种方法即可工作。


您传递到的 URLdisplayDialogAsync应与加载项位于同一域中,在您的情况下为 localhost:3000。但是,该 URL 可以是立即重定向到登录页面的空白页面。有关更多信息,请参阅使用 Office 对话框进行身份验证 https://learn.microsoft.com/en-us/office/dev/add-ins/develop/auth-with-office-dialog-api.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Outlook React Addin 中的空白身份验证对话框窗口 的相关文章

随机推荐