如何用自定义按钮触发新版Google Sign-in认证弹窗？

完全可行，新版Google Identity Services提供了google.accounts.id.signIn()方法，可直接触发认证弹窗，且会复用你初始化时配置的回调函数。具体实现步骤如下：

1. 绑定现有按钮的点击事件
   在Google认证初始化完成后，给数据库中已存在的「继续使用Google」按钮添加点击事件监听器，在回调中调用signIn()方法即可触发弹窗。

2. 完整代码示例
   基于你提供的初始化代码，补充按钮绑定逻辑：

   (async () => {
       while (!window.google || !window.google.accounts) {
           await new Promise((resolve) => setTimeout(resolve, 10));
       }
   
       // 初始化Google认证配置
       google.accounts.id.initialize({
           client_id: clientId,
           callback: handleCredentialResponse,
       });
   
       // 定位现有按钮并绑定触发逻辑（替换成你实际的按钮选择器）
       const googleSignInBtn = document.querySelector('[data-action="google-signin"]');
       if (googleSignInBtn) {
           googleSignInBtn.addEventListener('click', (e) => {
               // 若按钮属于表单，阻止默认提交行为（按需添加）
               e.preventDefault();
               // 触发Google认证弹窗
               google.accounts.id.signIn();
           });
       }
   })();
   

3. 可选：自定义单次认证参数
   如果需要针对某次认证覆盖初始化配置（比如预填用户邮箱、临时替换回调），可以给signIn()方法传入参数：

   google.accounts.id.signIn({
       login_hint: 'user@example.com', // 预填用户邮箱，提升体验
       callback: (response) => {
           // 临时使用的自定义回调逻辑
           console.log('临时回调处理：', response);
           handleCredentialResponse(response); // 也可复用原回调
       }
   });
   

内容的提问来源于stack exchange，提问作者Andy Wallace