如何设置OAuth2 OpenID Connect重定向URI到我的Angular 6应用组件(主页)

时间:2018-06-26 15:08:14

标签: angular typescript oauth-2.0 openid-connect

我有一个Angular 6应用程序(从Angular CLI构建),该应用程序在初始加载时执行隐式OAuth2 OpenID Connect身份验证/授权请求。我在网上看到的大多数教程和阅读的文章都使用单独的组件来完成身份验证过程,通常是 callback 组件。因此,换句话说,当我的应用加载并初始化时,它会调用一个函数,该函数将传给我的身份提供者并请求令牌进行身份验证。我的重定向URI设置为:http://localhost:4200/callback

访问此页面时,令牌位于URL和我的app-routing.module.ts文件中,我明确地说,只要应用程序路由到回调,就应重定向到应用程序组件。

const routes: Routes = [
    {
        path: 'callback',
        component: CallbackComponent,
        redirectTo: '',
        pathMatch: 'full'
    },
    {
        path: '',
        component: AppComponent
    },
    ....
];

它是这样工作的,但是我的问题是,我是否仅需要一个单独的组件来进行回调,还是可以使用我的根组件(AppComponent)。

0 个答案:

没有答案