网页三方登录流程

于 2025-03-10 17:30:39 发布
阅读量1.3k 收藏 14
点赞数 28
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_69091618/article/details/146159446
版权

一、QQ第三方登录流程

​1. 开发者注册与配置
  • ​申请AppID/AppKey：在QQ互联平台创建应用，填写网站域名及回调地址，审核通过后获取appid和appkey
  • ​域名验证：确保服务器能连通graph.qq.com，回调地址需与注册信息一致
​2. 前端授权流程
  • ​生成授权链接：构造跳转URL，引导用户至QQ授权页： 
    https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=APPID&redirect_uri=回调地址&state=随机数
    • state参数用于防CSRF攻击，scope定义权限范围（如获取基础信息）
  • ​用户授权：用户确认后，QQ将携带code重定向至回调地址，格式如：回调地址?code=CODE&state=STATE
​3. 后端令牌交换
  • ​换取Access Token：使用code向接口https://graph.qq.com/oauth2.0/token发送请求，参数包括grant_type=authorization_code、client_id、client_secret，返回access_token和expires_in（默认30天有效期）
  • ​获取OpenID：调用https://graph.qq.com/oauth2.0/me接口，解析返回的openid（用户唯一标识）
​4. 用户信息获取
  • ​拉取用户数据：通过access_token和openid访问https://graph.qq.com/user/get_user_info，获取昵称、头像等基本信息
​5. 安全与优化
  • ​自动续期：用户再次登录时自动刷新access_token，无需手动处理

  • ​存储策略：建议将openid与本地账号关联，支持多平台统一登录（如绑定手机号）

​二、微信网页授权登录流程

​1. 应用配置
  • ​开放平台注册：在微信开放平台创建网站应用，配置授权回调域名，审核通过后获取AppID和AppSecret
  • ​域名限制：回调地址需全匹配（含协议和端口）。
​2. 前端授权流程
  • ​构造授权链接：生成带参数的二维码或跳转链接： 
    https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=回调地址&response_type=code&scope=snsapi_login&state=随机数
    • snsapi_login表示需用户主动授权，snsapi_base支持静默授权
​3. 后端令牌处理
  • ​换取Access Token：使用code调用接口https://api.weixin.qq.com/sns/oauth2/access_token，参数包括appid、secret、code，返回access_token（有效期2小时）和openid
  • ​获取用户信息：通过https://api.weixin.qq.com/sns/userinfo接口获取昵称、头像、地区等详细信息（需scope=snsapi_userinfo）
​4. 高级特性
  • ​UnionID机制：若需跨公众号/小程序统一用户标识，需申请开通UnionID功能
  • ​安全建议：access_token由服务端保管，避免前端暴露；通过refresh_token续期令牌

​三、支付宝第三方登录流程

​1. 开发者配置
  • ​开放平台申请：在支付宝开放平台创建应用，配置应用公钥并提交审核，获取app_id和私钥

  • ​加签方式：必须使用RSA2签名算法，需上传应用公钥至平台
​2. 授权与令牌获取
  • ​生成授权链接：构造跳转URL，引导用户至支付宝授权页： 
    https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=APPID&scope=auth_user&redirect_uri=回调地址
    • scope=auth_user需用户授权，auth_base支持静默获取user_id
  • ​换取Access Token：用户授权后，使用auth_code调用alipay.system.oauth.token接口，参数需签名，返回access_token（有效期1小时）和user_id（2088开头的唯一标识）
​3. 用户信息获取
  • ​拉取用户数据：通过access_token调用alipay.user.info.share接口，获取昵称、头像、性别等信息
​4. 安全与扩展
  • ​签名验证：所有请求需按参数名排序后生成签名，防止篡改
  • ​多应用打通：支付宝无UnionID机制，需通过手机号或本地账号体系关联用户

​四、核心差异对比

​特性​QQ​微信​支付宝
​用户标识openid（应用内唯一）openid + unionid（跨应用）user_id（应用内唯一）
​令牌有效期30天（自动刷新）2小时（可续期）1小时（需重新授权）
​授权方式显式授权（需用户确认）支持静默（snsapi_base）显式（auth_user）或静默（auth_base）
​签名机制无，依赖appkey无，依赖AppSecretRSA2签名（需公钥/私钥对）
​典型应用场景腾讯系游戏、论坛公众号、小程序生态电商、生活服务类应用

​五、开发建议

  1. ​统一用户体系：
    • QQ/微信可通过UnionID关联多平台账号，支付宝需自行设计绑定逻辑（如手机号）
  2. ​错误处理：
    • QQ：检查state防CSRF，处理code过期（返回100010）
    • 微信：捕获40029（code无效）、48001（API权限不足）
    • 支付宝：校验签名失败返回INVALID_SIGNATURE，auth_code过期需重新授权
  3. ​性能优化：
    • 微信/支付宝建议缓存access_token，避免频繁调用接口

如需具体代码实现或更详细配置步骤，可参考对应平台的官方文档（如QQ互联、微信开放平台、支付宝开放平台）。

一、QQ第三方登录流程

​1. 开发者注册与配置
  • ​申请AppID/AppKey：在QQ互联平台创建应用，填写网站域名及回调地址，审核通过后获取appid和appkey
  • ​域名验证：确保服务器能连通graph.qq.com，回调地址需与注册信息一致
​2. 前端授权流程
  • ​生成授权链接：构造跳转URL，引导用户至QQ授权页： 
    https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=APPID&redirect_uri=回调地址&state=随机数
    • state参数用于防CSRF攻击，scope定义权限范围（如获取基础信息）
  • ​用户授权：用户确认后，QQ将携带code重定向至回调地址，格式如：回调地址?code=CODE&state=STATE
​3. 后端令牌交换
  • ​换取Access Token：使用code向接口https://graph.qq.com/oauth2.0/token发送请求，参数包括grant_type=authorization_code、client_id、client_secret，返回access_token和expires_in（默认30天有效期）
  • ​获取OpenID：调用https://graph.qq.com/oauth2.0/me接口，解析返回的openid（用户唯一标识）
​4. 用户信息获取
  • ​拉取用户数据：通过access_token和openid访问https://graph.qq.com/user/get_user_info，获取昵称、头像等基本信息
​5. 安全与优化
  • ​自动续期：用户再次登录时自动刷新access_token，无需手动处理
  • ​存储策略：建议将openid与本地账号关联，支持多平台统一登录（如绑定手机号）

​二、微信网页授权登录流程

​1. 应用配置
  • ​开放平台注册：在微信开放平台创建网站应用，配置授权回调域名，审核通过后获取AppID和AppSecret
  • ​域名限制：回调地址需全匹配（含协议和端口）
​2. 前端授权流程
  • ​构造授权链接：生成带参数的二维码或跳转链接： 
    https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=回调地址&response_type=code&scope=snsapi_login&state=随机数
    • snsapi_login表示需用户主动授权，snsapi_base支持静默授权
​3. 后端令牌处理
  • ​换取Access Token：使用code调用接口https://api.weixin.qq.com/sns/oauth2/access_token，参数包括appid、secret、code，返回access_token（有效期2小时）和openid
  • ​获取用户信息：通过https://api.weixin.qq.com/sns/userinfo接口获取昵称、头像、地区等详细信息（需scope=snsapi_userinfo）
​4. 高级特性
  • ​UnionID机制：若需跨公众号/小程序统一用户标识，需申请开通UnionID功能
  • ​安全建议：access_token由服务端保管，避免前端暴露；通过refresh_token续期令牌

​三、支付宝第三方登录流程

​1. 开发者配置
  • ​开放平台申请：在支付宝开放平台创建应用，配置应用公钥并提交审核，获取app_id和私钥
  • ​加签方式：必须使用RSA2签名算法，需上传应用公钥至平台
​2. 授权与令牌获取
  • ​生成授权链接：构造跳转URL，引导用户至支付宝授权页： 
    https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=APPID&scope=auth_user&redirect_uri=回调地址
    • scope=auth_user需用户授权，auth_base支持静默获取user_id
  • ​换取Access Token：用户授权后，使用auth_code调用alipay.system.oauth.token接口，参数需签名，返回access_token（有效期1小时）和user_id（2088开头的唯一标识）
​3. 用户信息获取
  • ​拉取用户数据：通过access_token调用alipay.user.info.share接口，获取昵称、头像、性别等信息
​4. 安全与扩展
  • ​签名验证：所有请求需按参数名排序后生成签名，防止篡改
  • ​多应用打通：支付宝无UnionID机制，需通过手机号或本地账号体系关联用户

​四、核心差异对比

​特性​QQ​微信​支付宝
​用户标识openid（应用内唯一）openid + unionid（跨应用）user_id（应用内唯一）
​令牌有效期30天（自动刷新）2小时（可续期）1小时（需重新授权）
​授权方式显式授权（需用户确认）支持静默（snsapi_base）显式（auth_user）或静默（auth_base）
​签名机制无，依赖appkey无，依赖AppSecretRSA2签名（需公钥/私钥对）
​典型应用场景腾讯系游戏、论坛公众号、小程序生态电商、生活服务类应用

​五、开发建议

  1. ​统一用户体系：
    • QQ/微信可通过UnionID关联多平台账号，支付宝需自行设计绑定逻辑（如手机号）
  2. ​错误处理：
    • QQ：检查state防CSRF，处理code过期（返回100010）
    • 微信：捕获40029（code无效）、48001（API权限不足）
    • 支付宝：校验签名失败返回INVALID_SIGNATURE，auth_code过期需重新授权
  3. ​性能优化：
    • 微信/支付宝建议缓存access_token，避免频繁调用接口

如需具体代码实现或更详细配置步骤，可参考对应平台的官方文档（如QQ互联、微信开放平台、支付宝开放平台）。

小鱼ccd
关注
微信公众号 - 第三方网页（H5）授权登录（OAuth2.0）流程及逻辑详细教程
王二红
03-14 1万+
前言 在微信客户端中访问第三方网页，公众号可通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑。 关于公众号网页授权， 网上博客教程，大部分都没有逻辑性（零零散散），准确说没有站在新手角度去写作。 本文将以小白的角度，从0到1完成前端的授权登录，非常详细。 准备阶段 这个地址，后续将用于多处（作为回调地址）。 先将您的项目通过本地服务跑起来，获取一个Network可访问的网络。 一、申请测试公众号 测试必须有服务号且已认证，但直接用公司或个人线上公众号不仅不安全且调试
iOS 三方登录非友盟等而是“ 微信 QQ 支付宝” 简单总结
iOS开发程序媛
04-09 840
近两年半没有工作，重新回到技术岗位，脸大的我竟然一丁点不恐惧，不知道其他宝妈会有同样的感受吗？在新公司的第二周被安排给之前的一个项目改bug，第二个任务是一个社交的App，其中有通过第三方快速登录的功能，不瞒大家说，第一次接触（14年毕业就做iOS开发，成长神一般的慢）。 正题：最最好的方式是官方文档 除此之外百度 不好意思地说 我“百家抄袭”了一下。除了微信登录 还附加了分享哈哈~（有图片...
QQ第三方登录-QQ互联开发者申请的坑（个人接入，时间：2019-6-3）
热门推荐
qq_38496561的博客
06-03 1万+
本人博客全部迁至个人博客，柒情博客：http://www.ityw.club，后续所有博客将在柒情博客上进行更新。 前阵子项目准备使用QQ第三方登录，需要使用QQ第三方登录的话需要申请QQ互联认证，通过才能创建应用，这里不得不吐槽下QQ互联了，做的够垃圾的，网页很卡，审核机制不友好，网站体验非常差，正好最近看到很多人在群里问相关的问题，再此记录几个坑，希望看到文章的朋友可以少踩几个坑，使申请更...
SpringBoot+Vue实现第三方QQ登录(一)
liyh722的博客
02-09 2168
SpringBoot+Vue实现第三方QQ登录
第三方登录实现（微博、微信、QQ详细教程）
最新发布
一个苦命Java码农的博客
10-28 2564
微信、微博、QQ第三方登录功能是一种便捷的用户认证方式，允许用户使用已有的微信、微博或QQ账号快速登录第三方应用或服务，而无需单独创建和管理新账号。
QQ第三方登录流程
cod16xx的博客
08-14 955
QQ第三方登录流程 qq的OAuth2流程比普通的OAuth2多了一步：用access_token获取openid,再使用openid和access_token获取用户信息 step 1:获取Authorization Code 请求url基本格式 https://graph.qq.com/oauth2.0/authorize&response_type=code&cli...
QQ第三方登录认证流程
这不是你的确定 的博客
09-25 7514
QQ第三方登录认证流程以及代码示例
【QQ登录------第三方登录的实现流程】
qq_48163513的博客
07-23 1818
QQ登录------第三方登录的实现流程
第三方登录-QQ登录
qq_53742640的博客
02-13 1861
组件测试通常涉及到单独挂载被测试的组件，触发模拟的用户输入事件，并对渲染的 DOM 输出进行断言。服务器一般是 linux系统，使用 XFTP 进行文件的上传和下载（这个就不赘述了）对于 交互 的测试：断言渲染的更新是否正确或触发的事件是否正确地响应了用户输入事件。方式一：首先生成QQ登录按钮，再获取其跳转链接，然后配合 A 标签改成直接跳转。原因：hostory 改变路由是前端切换，不会请求服务器，一旦刷新浏览器。4）绑定成功即是登录成功，根据是否有回跳地址进行跳转。
微信三方登录流程
weixin_46751485的博客
09-02 887
微信登录介绍： 微信OAuth2.0授权登录让微信用户使用微信身份安全登录第三方应用或网站，在微信用户授权登录已接入微信OAuth2.0的第三方应用后，第三方可以获取到用户的接口调用凭证（access_token），通过access_token可以进行微信开放平台授权关系接口调用，从而可实现获取微信用户基本开放信息和帮助用户实现基础开放功能等。 准备工作： 在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前，在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的Ap
Android三方登录之google登录
mijiaxiaojiu的博客
03-25 4845
    在做公司的一个国外项目的时候，需要用到google的三方快捷登录，中间碰到了一些坑，在此Mark一下，如果有同样的问题的小伙伴看到可以少走些弯路，给自己也总结下开发过程。 前提是：需要科学上网 点击进入谷歌的官方文档，基本上google三方登录的流程条件都在里面了，需要耐心的顺流程 1.我按我自己的顺序一点点写吧，找到 https://console.firebase.google.co...
shopxo微信网页登录插件
03-21
总之，"ShopXO微信网页登录插件"结合了ShopXO电商平台与微信的便利性，为用户提供了一种无缝的登录体验，同时也简化了注册流程，有助于提高网站的用户活跃度和转化率。对于熟悉PHP和微信开放平台的开发者来说，理解...
QQ第三方登录信息以及用户资料的获取实现
07-14
这个是QQ实现第三方登录信息的代码，将Qq第三方登录和获取用户资料以既简单的形式进行了实现。对项目的集成有很大的帮助。希望各位喜欢
第三方登录（QQ版）
2301_76865026的博客
05-22 1170
1.对于用户本身来说：大大节省了登录乙方应用的时间，不用注册，直接拿第三方平台的账号密码在不同的应用里快速登录，实现一个账号行走天下，同时也降低了用户注册登录的成本。4.通过授权，可以获得该用户在第三方平台上的好友或粉丝等社交信息，从而后续可以针对用户的社交关系网进行有目的性的营销宣传，为产品的市场推广提供另一种渠道。3.第三方登录的实质就是在授权时获得第三方应用提供的代表了用户在第三方应用中的唯一性的openid.并将openid储存在第三方服务控制的本地储存。
第三方登录(QQ)
m0_56064178的博客
05-27 258
1. 登录简要流程梳理
QQ三方登录步骤详解
weixin_30562507的博客
06-17 170
首先，登录QQ互联：http://connect.qq.com/intro/login ，注册成为开发者 选择申请加入，并创建你的应用。 创建成功后可以获取到appid和appkey 在网站的主页引入下面代码 <scripttype="text/javascript"src="http://qzonestyle.gtimg.cn/qzone/openap...
QQ第三方登录的详细教程
z979451341的博客
08-25 1万+
这次说一下我自己第一次使用QQ第三方登录的过程 1 。我们开始需要在开发者网站上注册，http://open.qq.com/ 进入这个网站后点应用接入中的应用接入（因为那个按不动），开始注册，这个注册需要本人手持身份证的照片，然后关于邮箱验证，不知为何我第一次这个邮箱验证邮件发送一直失败，后来第二天才发送成功然后才完成注册。我想应该是因为之前的信息在验证之中吧。 2 。 得到APPID ，这
QQ三方登录
Bug的博客
05-15 5274
今天与大家分享的是QQ三方登录，第一步我们需要在友盟注册友盟账号，然后申请我们的应用，会得到一个Key这个AppKey是友盟区分每个应用所用的，也是唯一的。我们可以先下载sdk的demo，因为里面已经包含了我们所需要的大部分内容，这里我集成的是android 5.0版本的文档， 我们在我们的项目中添加一些权限，和导入jar包， 这里我们要集成什么就选择什么，如果我们集成QQ就选择QQ，集成新
全自动三方支付接口到账系统源码开发
这里强调的是程序的自动化特性，即一旦用户完成支付操作，程序能够自动触发一系列的流程，包括验证支付结果、记录交易信息、更新订单状态等，从而确保款项能够快速且准确地转入商家账户。 关于架设步骤，描述中提到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值