新版Google Identity Services支持自定义Google Sign-in按钮吗

新版Google Identity Services（GIS）已经正式支持自定义登录按钮，不需要等后续版本迭代，也完全没必要继续依赖已废弃的旧版apis.google.com/js/api:client.js库。
GIS刚上线的早期版本确实只开放了默认样式按钮渲染、One Tap弹窗两种登录触发入口，没有给自定义按钮留官方支持，加上官方文档迁移更新不及时，才导致大部分公开教程都指向旧版废弃方案，让开发者误以为新版不支持自定义按钮。

Angular 9 适配实现要点 #

• 移除项目中引入的旧版gapi客户端脚本，替换为新版GIS的官方客户端脚本即可，无需引入额外第三方依赖
• 在用到GIS能力的Angular组件顶部声明全局变量，规避TypeScript编译报错：

declare const google: any;

• 初始化GIS配置时，不需要绑定官方默认按钮的渲染容器，按业务需求配置好客户端ID、登录成功回调、授权范围等参数即可
• 自定义按钮的DOM结构、样式、交互效果完全可以按照项目需求自行编写，不需要套用Google默认按钮的类名、结构规范，仅需遵守Google品牌标识使用规则，在按钮上明确标注Google登录相关标识即可
• 给自定义按钮绑定点击事件，在回调中调用GIS提供的程序化授权接口触发登录/授权流程即可，不需要依赖官方按钮的渲染逻辑
• 不要在Angular的ngOnInit生命周期直接调用GIS相关方法，要等GIS客户端脚本加载完成后再执行初始化逻辑，可以给脚本标签添加onload回调触发组件内的初始化方法，避免出现google is not defined的运行时报错

迁移提示 #

你当前使用的旧版gapi登录方案已经进入废弃下线周期，后续会逐步出现授权失败、浏览器兼容性问题，没有长期维护价值，建议尽快迁移到新版GIS方案。新版自定义按钮的实现效果和旧版方案完全一致，支持所有自定义图形、交互逻辑的配置，能满足项目的定制化需求。

内容的提问来源于stack exchange，提问作者Vadim Khashev