如何将角度网络与谷歌登录集成

分享于2022年10月08日 angular google-signin 问答
【问题标题】:how to integrate angular web with google sign in如何将角度网络与谷歌登录集成
【发布时间】:2022-09-30 18:58:19
【问题描述】:

我是谷歌云平台的新手。我没有找到任何代码解决方案,我想在我的角度网络中实现谷歌登录,任何人都可以建议我任何文档,角度博客,我尝试使用这个包(npm install --save angularx-social-login)但是,这个包被废弃了


【解决方案1】:

在文件 index.html 你可以添加库

    

在文件 component.html 中,您可以添加 btn 使用 google 登录

      

在文件 component.ts 中,您可以在 AfterViewInit() 函数中关注我

  ngAfterViewInit() {
    google.accounts.id.initialize({
      client_id: "Client_ID",
      callback: (response) => {
        //handle response in here
      }
    });
    google.accounts.id.renderButton(
      document.getElementById("buttonDiv"),
      { theme: "outline", size: "large" }  // customization attributes
    );
    google.accounts.id.prompt(); // also display the One Tap dialog
  }```

【讨论】: