网站实现微信登录四种方式介绍和接口要求

目前,网站上要实现微信登录有4种主要方式:

1. 公众号内回复验证码登录

网页上引导用户关注微信公众号,提示用户关注公众号后,输入登录页面上提示的验证码,实现网站微信登录。

公众号要求

微信订阅号和服务号,无论是否进行了微信认证,都拥有接受消息和发送消息的接口权限。故,都能通过在微信公众号后台,开启服务器配置,接入验证码登录。

接收消息:
接收普通消息 无上限 已获得
接收事件推送 无上限 已获得

发送消息:
自动回复 无上限 已获得

file

微信公众号后台:设置与开放 => 开启服务器配置
file

登录页面样式

file

2. 扫描开放平台网站应用二维码登录

需要先到微信开放平台(https://open.weixin.qq.com) 注册开发者账号,创建网站应用,然后缴纳300元一次性认证费用(参考:微信认证费用和年审汇总说明)后,即可在网站开通微信快速登录功能。

接口文档:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

调用接口:
https://open.weixin.qq.com/connect/qrconnect?appid=wx397e96377c4b0023&redirect_uri=

登录页面样式

file

3. 扫描服务号带参数二维码登录

微信公众号接口要求

推广支持:生成带参数的二维码
获得条件:
订阅号无法开通此接口
服务号必须通过微信认证

接口文档:https://developers.weixin.qq.com/doc/offiaccount/Account_Management/Generating_a_Parametric_QR_Code.html

登录页面样式

file

4. 微信内通过微信网页授权机制进行自动登录

微信公众号接口要求

网页授权:网页授权获取用户基本信息
获得条件:
订阅号无法开通此接口
服务号必须通过微信认证

接口文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
调用接口:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

登录页面样式

file

微信登录总结

  1. 非认证订阅号:公众号验证码登录
  2. 认证订阅号:公众号验证码登录
  3. 非认证服务号:移动端:公众号验证码登录; PC端:扫码登录(开放平台
  4. 认证服务号:微信端:自动登录; 移动端:公众号验证码登录; PC端:扫码登录(场景码/开放平台)