angular - 如何在 Angular 4 中实现 OpenID

Question

我正在使用 Angular 4 构建一个我想与 Steam 集成的应用程序。

我目前正在努力研究 openID 以及如何使用它来获取用户的 64 位 Steam ID。这很糟糕。我在 openID 的网站上找到了 TypeScript 库并将其安装到我的应用程序，但 Steam 说我需要将 http://steamcommunity.com/openid 设置为提供者。

彻底查看了 Angular 4 OpenID 库的文档后，我在任何地方都找不到“提供者”D:

话又说回来，我什至不确定我使用的是正确的库! (OpenID 提到“过时的规范，例如 OpenID 2”，我很确定这是 Steam 使用的规范)

我该如何处理？或者是否有更简单的 API 用于使用 OpenID 访问 Steam？

编辑

这是配置的代码，这是我意识到我不再理解我在做什么的地方:

export class AppModule {
constructor(public oidcSecurityService: OidcSecurityService) {

    let openIDImplicitFlowConfiguration = new OpenIDImplicitFlowConfiguration();
    openIDImplicitFlowConfiguration.stsServer = 'https://localhost:44318';
    openIDImplicitFlowConfiguration.redirect_url = 'https://localhost:44311';
    openIDImplicitFlowConfiguration.client_id = 'angularclient';
    openIDImplicitFlowConfiguration.response_type = 'id_token token';
    openIDImplicitFlowConfiguration.scope = 'openid email profile';
    openIDImplicitFlowConfiguration.post_logout_redirect_uri = 'https://localhost:44311/Unauthorized';
    openIDImplicitFlowConfiguration.startup_route = '/home';
    openIDImplicitFlowConfiguration.forbidden_route = '/Forbidden';
    openIDImplicitFlowConfiguration.unauthorized_route = '/Unauthorized';
    openIDImplicitFlowConfiguration.log_console_warning_active = true;
    openIDImplicitFlowConfiguration.log_console_debug_active = false;
    openIDImplicitFlowConfiguration.max_id_token_iat_offset_allowed_in_seconds = 10;
    openIDImplicitFlowConfiguration.override_well_known_configuration = false;
    openIDImplicitFlowConfiguration.override_well_known_configuration_url = 'https://localhost:44386/wellknownconfiguration.json';
    // openIDImplicitFlowConfiguration.storage = localStorage;

    this.oidcSecurityService.setupModule(openIDImplicitFlowConfiguration);
}

Answer 1

您甚至没有将代码放在正确的文件中或针对正确的类 app.component.ts i.e. AppComponent 应该包含那些东西。

您应该下载 zip或者更好的是仍然使用 Git 并从 https://github.com/manfredsteyer/angular2-oauth-oidc-demo.git 查看它