第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程

使用WordPress建站,那么第三方登录肯定是必不可少的,子比主题支持丰富的社交帐号登录,当然少不了现在最常用的微信登录了,但是大家都知道,使用微信公众号登录需要认证的服务号,认证需要花费300元每年,而部分站长并没有服务号的需求,所以这个功能就不能使用了!

但是!现在子比主题已支持订阅号、未认证的公众号进行扫码登录了!

效果预览

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

图片[1]-第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程-玖零笔记


此功能需升级zibll子比主题至V6.8及以上版本

功能简介:

  • 订阅号以及未认证的公众号接口权限缺少很多,我们通过公众号获取验证码的方式进行登录接入
  • 用户登录流程为:点击微信登录,扫码关注公众号,公众号会自动回复一个验证码,用户输入验证码登录
  • 已经关注的用户可以发送”登录“,重新获取验证码进行登录
  • 发送的关键词以及自动回复模板都支持自定义

接入教程

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

  1. 申请并开通微信公众号,无需认证,订阅号也可以
  2. 获取AppID和AppSecret并填入主题设置
  3. 添加微信公众号IP白名单
  4. 设置微信公众号的服务器URL配置

注意:如果域名被微信拦截了,俗称红了,该域名就不能使用微信的相关功能,包括登录、支付、等

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

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

获取AppID和AppSecret

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

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

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

图片[2]-第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程-玖零笔记

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

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

图片[3]-第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程-玖零笔记
图片[4]-第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程-玖零笔记
图片[5]-第三方登录-网站接入未认证的微信公众号或订阅号扫码登录教程-玖零笔记

注意事项:

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

其他配置

最后我们还需要上传我们公众号的二维码,同时根据需要设置验证码回复模板即可

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容