2

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

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

预期结果应该是

  1. 主页(当前简单的 html 页面,但我希望它是 angular 2 组件的一部分)

  2. 用户将选择登录

  3. 打开登录对话框

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

  4. 打回来

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

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

4

1 回答 1

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'); 
}

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

于 2017-03-21T17:39:41.050 回答