从手机上的App,到电脑端的网站,我们每天都会接触到大量的应用。如果为每个应用都注册一个独立账号,不仅费时费力,以后管理起来也麻烦。所以你会发现市面上大部分应用,无论是移动端的应用,还是Web端的应用,都提供了微信、QQ、新浪等第三方授权登录的功能。扫一扫就可以登录的方式,大大降低了使用应用的门槛,提高了用户体验。
WordPress也可以通过第三方提供的接口,实现wordpress第三方授权登录的功能。实现这一个功能,需要wordpress平台的插件支持。常用的配置插件有Open Social、QQworld等,今天我们要使用的是另外一款插件Wechat Social。选择它一方面是因为它的扩展比较丰富,几乎支持大部分主流的第三方应用,另一方面是因为它提供了代理登录的功能。因为微信、QQ、微博登录申请要求较高,个人用户申请比较困难,代理登录服务才显得尤为重要。
根据我前面的测试,微信、QQ、微信的申请难度由低到高依次为QQ、微博、微信,QQ要求上传身份认证信息、网站备案信息、站点logo等就可以了。微博除了需要提供前面提到的信息,流程上更加复杂,比如需要提供的站点logo就有三个尺寸,缺一不可。微信更是需要企业用户才可以申请。当然,行动派这这里还是鼓励大家也尝试一下的,反正申请通过了,嘉大欢喜,没通过也没什么损失。
申请入口
QQ互联申请入口:https://connect.qq.com/index.html
微博开放平台申请入口:http://open.weibo.com/
微信开放平台申请入口:https://open.weixin.qq.com/
大致思路:
1、下载安装Wechat Social插件
2、第三方开放平台申请接口,创建一个网站应用,获取应用的APP ID 和APP key
3、启用Wechat Social插件提供的扩展,填写应用的接口APP和APP Key,保存即可。
一、开始之前,先看一下效果
使用了QQ、微博、微信的扩展,效果如图二所示。
![]() |
![]() |
二、使用方法
1、下载Wechat Social插件
进入wordpress官网下载Wechat Social。
![]() |
2、安装插件
下载完成后,通过FTP工具上传到wp-content/plugins/目录并启用(或者wordpress后台直接上传安装)。需要注意的是,上传启用后,插件还没部署成功。需要点击“重新安装”,进入安装界面进行安装。
![]() |
安装也比较简单,安装配置保持默认即可,安装界面如下所示:
![]() |
![]() |
![]() |
![]() |
3、配置插件
安装完成后,进入插件设置界面,可以看到插件的全部扩展。
配置登录功能分为两种情况:第一种是使用我们自己申请的第三方接口配置登录功能。一种是使用插件提供的代理登录服务。如果你前面已经申请了QQ互联等第三方开放平台申请了接口,建议采用第一种。如果没有,就可以考虑插件提供的代理登录服务。
这里以QQ扩展为例,说一说如何使用我们自己的接口接口进行配置。
![]() |
选择QQ扩展的设置按钮,进入设置页面,发现插件需要我们提供APP ID和APP key。由于我们还没有在QQ互联创建应用,我们需要到QQ互联创建一个网站应用,将应用的的APP ID和APP key复制粘贴到这里。
![]() |
所以我们先登录QQ互联,在应用管理页面创建一个网站应用,审核通过后,官方就会给我们的应用分配一个APP ID 和 APP key。审核周期1个小时到几天不等。由于时间关系,我这边已经申请好了。打开我们的应用详情,将APP ID 和APP Key 复制粘贴到上一步的QQ配置页面,然后保存更改。这时,别人进入登录页面,就可以看到QQ登录的选项了,其它扩展的配置同理。
![]() |
原文地址:传送门