Zibll子比主题-第三方登录-接入微信公众号扫码登录图文教程

使用WordPress建站，那么第三方登录肯定是必不可少的，子比主题支持丰富的社交帐号登录，例如微信登录就是十分常见的登录方式，zibll子比主题更新V5.5之后，带来了微信公众号登录的功能，对于很多已经开通了微信公众号就更加方便了。

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

效果预览

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

特点及功能：

• 免跳转直接扫码，用户体验更好
• 微信APP内无需扫码无感登录(V5.6)
• 微信APP内支持自动登录(V6.0)
• 支持添加关键词自动回复功能(V6.0)
• 支持设置自定义菜单功能(V6.0)
• 支持设置用户首次关注以及扫码的自动消息回复
• 启用此功能后，可开启微信官方JSAPI支付功能(V6.0起，微信JSAPI支付不再依赖此功能)
• 支持未认证的公众号或订阅号接入（V6.8新功能）

接入教程

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

1. 申请并开通微信公众号服务号，订阅号不可以
2. 认证微信公众号（必须要认证，未认证的查看此教程）
3. 获取AppID和AppSecret并填入主题设置
4. 添加微信公众号IP白名单
5. 设置微信公众号的服务器URL配置
6. 设置微信公众号JS接口安全域名和网页授权域名

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

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

开始前可以在接口权限中检查是否已经拥有网页授权获取用户基本信息以及生成带参数二维码的权限：如图所示

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

获取AppID和AppSecret

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

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

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

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

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

注意事项：

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

设置JS接口安全域名和网页授权域名

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