第三方登录-网站接入微信公众号登录图文教程

使用微信公众号登录,可直接免跳转扫码登录,在微信APP内支持无感登录,用户体验更好,还能帮助公众号引流,另外也就不用再申请微信开放平台的网页授权了

效果预览

首先我看一下微信公众号的登录页面预览:

图片[1]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程

特点及功能:

  • 免跳转直接扫码,用户体验更好
  • 微信APP内无需扫码无感登录(V5.6)
  • 支持设置用户首次关注以及扫码的自动消息回复
  • 启用此功能后,可开启微信官方JSAPI支付功能

接入教程

接下来我们就一步一步的开始接入教程,首先我们整理一下,大致为以下流程:

  1. 申请并开通微信公众号
  2. 认证微信公众号
  3. 获取AppID和AppSecret并填入主题设置
  4. 添加微信公众号IP白名单
  5. 设置微信公共号的服务器URL配置
  6. 设置微信公共号JS接口安全域名

申请微信公众号以及认证百度已经有很多教程了,按照流程一步一步来就行了,这里就不在重新阐述了。

接下来针对已经申请并认证成功的微信公众号做详细的接入教程。

获取AppID和AppSecret

登录微信公众号平台,进入设置与开发->开发->基本配置

1.获取AppID和AppSecret并填入主题设置->用户&互动->社交登录->微信登录(公众号模式)

2.点击配置IP白名单,将网站服务器的IP地址加入到白名单

图片[2]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程

微信公共号的服务器URL配置

首先进入主题设置->用户&互动->社交登录->微信登录(公众号模式):复制服务器接口URL,并设置一个Token并保存!
然后进入公众号平台->设置与开发->开发->基本配置->服务器配置:点击修改,填写复制的接口URL以及Token
保存成功之后,记得点击启用

图片[3]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程
图片[4]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程
图片[5]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程

注意事项:

  • token可以随意填写,主题设置和微信平台保持一致即可
  • 必须先设置主题设置的token并保存,然后再去微信公众号平台提交服务器配置,顺序反了则会失败
  • 消息加解密方式必须选择明文模式
  • 提交成功之后记得启用服务器配置

设置JS接口安全域名

首先进入主题设置->用户&互动->社交登录->微信登录(公众号模式):复制JS接口安全域名
然后进入公众号平台->公众号设置->功能设置->JS接口安全域名:点击设置,根据流程设置好刚刚复制的域名
注意:如果未设置好JS接口安全域名,仍然可以使用扫码登录,但是在微信APP内会提示redirect_uri错误

图片[6]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程
图片[7]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程
图片[8]-WordPress主题-zibll子比主题使用微信登录-微信公众号登录详细教程
© 版权声明
THE END
喜欢就支持一下吧
点赞9
分享
评论 抢沙发
搜搜资源官网的头像-搜搜资源网

昵称

取消
昵称表情代码图片
搜搜资源网-欢迎来到搜搜资源网