You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

abp.io是否支持Google登录按钮及全站配置data-login-url的问询

abp.io商业版支持Sign In With Google按钮吗?如何配置data-login-url?

abp.io商业版完全支持通过Google官方的Sign In With Google按钮实现用户登录,包括在全站添加该按钮的场景。

针对你提出的data-login-url参数配置问题,需根据项目架构选择对应端点:

  • MVC/Razor Pages项目:使用/Account/LoginWithGoogle作为URL,这是abp.io默认提供的Google登录处理端点,前提是你已在项目配置中启用并正确配置了Google OAuth验证(包括Client ID、Secret等信息)。
  • 前后端分离项目(如Angular/React):使用API端点/api/account/login-with-google,该端点负责接收Google返回的id_token并完成身份验证流程。

注意事项:

  • 确保端点能处理POST请求,Google的GSI按钮会将id_token等认证数据以表单或JSON格式发送到该地址。
  • 若需要登录后跳转回当前页面,可动态设置data-return_url参数为当前页面的URL(比如在MVC中使用@Context.Request.Path,前端项目中使用当前路由地址)。
  • 已在登录页成功配置说明Google OAuth基础配置正确,全站按钮只需复用相同的Client ID和上述端点即可。

示例HTML配置(MVC场景):

<div id="g_id_onload"
     data-client_id="你的Google Client ID"
     data-login-url="/Account/LoginWithGoogle"
     data-return_url="@Context.Request.Path">
</div>
<div class="g_id_signin"
     data-type="standard"
     data-size="large"
     data-theme="outline"
     data-text="sign_in_with"
     data-shape="rectangular"
     data-logo_alignment="left">
</div>

内容的提问来源于stack exchange,提问作者Feech

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 19:52:45