typescript - 如何在 angular.js 2.0 typescript 应用程序中使用谷歌登录按钮？

Question

我正在尝试在 Angular.js 2.0 (typescript) SPA 中包含一个 Google 登录按钮，但我不知道以在我的 Angular 组件中触发某些东西的方式实现 Google 回调的正确方法是什么。

(或者，我想知道是否正确的方法是编写一个指令，但是我如何从那里连接回调？)

编辑:添加源代码

  ngAfterViewInit() {
    gapi.signin2.render(
      "google-login-button",
      {
        "onSuccess": (user) => console.log(user),
        "scope": "profile",
        "theme": "dark",
        "onfailure": function(err){console.log("error:"+err);}
      });
    console.log("afterview: gapi started"); //this is printed 
  }

初始化似乎没问题。我看到了 console.log 和按钮。我可以在弹出窗口中登录，但在该窗口关闭后没有任何反应。控制台中没有打印任何内容，无论是成功消息还是失败消息

Answer 1

我终于发现了这个问题.. 因为我正在使用 angular 2.0，我正在运行默认在端口 3000 上运行的 lite-server。如果你使用不同于 80 的端口，你需要在谷歌配置(本地主机:3000)。如果 google api 返回某种错误来诊断问题会有所帮助(http 403 错误代码怎么样？)我花了两天时间解决这个问题，希望它能帮助其他人节省一些时间!