念念不忘
必有回响

【转】WordPress添加QQ、微博、微信第三方登录功能

【转】WordPress添加QQ、微博、微信第三方登录功能

从手机上的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、微博、微信的扩展,效果如图二所示。

WordPress添加QQ、微博、微信第三方登录功能 WordPress添加QQ、微博、微信第三方登录功能

 

 

二、使用方法

1、下载Wechat Social插件

进入wordpress官网下载Wechat Social。

WordPress添加QQ、微博、微信第三方登录功能

 

2、安装插件

下载完成后,通过FTP工具上传到wp-content/plugins/目录并启用(或者wordpress后台直接上传安装)。需要注意的是,上传启用后,插件还没部署成功。需要点击“重新安装”,进入安装界面进行安装。

WordPress添加QQ、微博、微信第三方登录功能

安装也比较简单,安装配置保持默认即可,安装界面如下所示:

WordPress添加QQ、微博、微信第三方登录功能
WordPress添加QQ、微博、微信第三方登录功能
WordPress添加QQ、微博、微信第三方登录功能
WordPress添加QQ、微博、微信第三方登录功能

 

3、配置插件

安装完成后,进入插件设置界面,可以看到插件的全部扩展。

配置登录功能分为两种情况:第一种是使用我们自己申请的第三方接口配置登录功能。一种是使用插件提供的代理登录服务。如果你前面已经申请了QQ互联等第三方开放平台申请了接口,建议采用第一种。如果没有,就可以考虑插件提供的代理登录服务。

这里以QQ扩展为例,说一说如何使用我们自己的接口接口进行配置。

WordPress添加QQ、微博、微信第三方登录功能

选择QQ扩展的设置按钮,进入设置页面,发现插件需要我们提供APP ID和APP key。由于我们还没有在QQ互联创建应用,我们需要到QQ互联创建一个网站应用,将应用的的APP ID和APP key复制粘贴到这里。

WordPress添加QQ、微博、微信第三方登录功能

所以我们先登录QQ互联,在应用管理页面创建一个网站应用,审核通过后,官方就会给我们的应用分配一个APP ID 和 APP key。审核周期1个小时到几天不等。由于时间关系,我这边已经申请好了。打开我们的应用详情,将APP ID 和APP Key 复制粘贴到上一步的QQ配置页面,然后保存更改。这时,别人进入登录页面,就可以看到QQ登录的选项了,其它扩展的配置同理。

WordPress添加QQ、微博、微信第三方登录功能

原文地址:传送门

赞(0) 打赏
未经允许不得转载:小蚁上树 » 【转】WordPress添加QQ、微博、微信第三方登录功能
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址