如何使用 angular2 在 Office 加载项中实现对话框 API？

Question

我想在我的office插件中实现oauth，因为我找到了office js dialog api并通过它发现它很有趣。

我担心的是我想用 angular 2 来实现它，所以我无法很好地处理它。

预期结果应该是

1. 主页（目前是简单的 html 页面，但我希望它是 angular 2 组件的一部分）

2. 用户将选择登录

3. 打开登录对话框

   （在对话框中第一个本地页面，然后重定向到当前域之外的某个自定义域页面）

4. 回调

5. 登录成功后加载菜单和数据。

完成 oauth 后，我正在加载我的 Angular 2 应用程序。我想用 Angular 2 应用程序完成整个循环。

Answer 1

你有没有机会看看Office Helpers？它将帮助您非常轻松地进行 OAuth。

我不确定您的具体情况，但假设您想使用 StackOverflow API 进行身份验证，那么您将执行以下操作：

async function authenticate() {
    /* Invoke the library */
    let authenticator = new OfficeHelpers.Authenticator();

    /* Register the OAuth provider by passing a name and the configuration */
    authenticator.endpoints.add('StackOverflow', {
        clientId: '<client id goes here>',
        baseUrl: 'https://stackexchange.com',
        redirectUrl: 'https://localhost:3000',
        authorizeUrl: '/oauth/dialog',
        scope: '<scope goes here>',
        responseType: 'token',
        state: true /* generate a random state */
    });

    /* returns a token or an OAuth Error */
    return await authenticator.authenticate('StackOverflow'); 
}

如果您还有其他问题，请随时在此处发布问题或发表评论。