使用 Google 登录 - 自定义按钮外观

ion*_*Tea 6 javascript google-signin

使用新的JS 客户端库进行 Sign in with Google,我找不到在不渲染按钮的情况下启动登录流程的方法,并且该按钮无法进行足够的自定义以符合网站的美观。

有没有办法在没有按钮的情况下触发身份验证流程?例如:

// instead of:
window.google.accounts.id.renderButton(divRef.current, {
        theme: 'outline',
        size: 'large',
        width: divRef.current.clientWidth,
        text: 'continue_with',
      });

// I want something like:
window.google.accounts.id.authenticate();
Run Code Online (Sandbox Code Playgroud)

小智 0

通常,用户必须按下按钮才能开始登录。auto_select: true但是,您可能希望通过设置来查看自动登录google.accounts.id.initialize()。对于回访用户,此功能将在短暂延迟后自动登录,以便用户取消登录。这有助于避免按下按钮,并且可能有助于避免在访问网站内的多个深层链接时烦扰用户登录。

  • 使用旧的gapi时,这种行为很简单。另外,从外观上看,gapi更小。考虑到 SDK 的规模,谷歌提供的功能如此有限,这是一个失败。 (4认同)
  • 问题在于按钮的定制性不够,例如我们无法使按钮具有指定的高度或宽度。宽度上限为 400px,据我所知根本没有高度调整。也无法自定义边框半径或边框颜色。 (2认同)