微信登录是我们WPCOM主题Themer框架内置功能,通过此功能可直接让用户通过微博帐号登录注册,减少注册和登录流程。目前主题同时支持微信公众号登录(主要用于移动端微信内置浏览器)和微信开放平台登录(主要用于PC端),根据微信的规则目前两个平台需要独立认证申请才可以使用对应微信登录接口。

关于微信公众号登录我们之前已经整理过教程,可以参考:WPCOM主题微信登录公众号接口配置教程,所以接下来再主要介绍下微信开放平台登录接口的申请。

接口申请

首先前往微信开放平台注册登录,并完成开发者资质认证需要企业资质,并支付300元认证费

认证通过后,进入管理中心>网站应用,点击创建网站应用,如图:

社交登录接口配置之微信登录

然后根据要求填写表单,并上传相关登记表,其中需要注意的是网站信息的授权回调域:这个只需要填写域名(是否带www需要和网站首页地址域名保持一致),不需要具体地址以及http://这些前缀。

申请完成后接着就是等待应用审核通过了。

接口配置

应用审核通过后,点击查看进入应用详情页面,找到AppIDAppSecret(没有的话可以重置生成),如图:

社交登录接口配置之微信登录

然后进入网站后台主题设置>用户中心>社交登录添加微信开放平台登录方式,将上图中的AppIDAppSecret分别填入IDKey选项。

微信登录数据同步

由于微信涉及到多种登录方式,例如公众号登录、开放平台登录、以及小程序的登录,而这些不同登录方式默认是不互通的,会导致用户在电脑上登录了后再使用小程序登录会再生成一个新用户,无法同步之前登录的用户数据,这种情况可通过在微信开放平台绑定公众号和小程序来解决,如图:

社交登录接口配置之微信登录

使用绑定的公众号和小程序登录的话系统会默认返回一个相同的unionid来方便区分,实现微信登录不同端的互通。