返回顶部
电脑网站 > 会员 > 第三方登录功能说明详解
第三方登录功能说明详解

功能说明

 

网站中支持一键登录,PC端可以添加QQ登录。实现使用QQ号码直接登录PC端会员中心。微网站支持QQ登录、微信登录,自动成为网站的会员

 

QQ登录(网站绑定阿里云备案的一级域名,使用一级域名去申请QQ登录)

 

微信登录(微网站绑定阿里云备案的一级或者二级域名,微网站必须对接认证服务号)

 

操作说明

 

 




 

  第一步: 点击会员——第三方登录

 

01-1.jpg

   

 

  第二步:设置


   进入会员登录,在登录注册设置中包括:“QQ登录设置、微信登录设置”。

 



QQ登录设置

 

  页面中会提示设置的流程、QQ回调地址的设置格式,在QQ登录状态中选择“开启”。下面的“APPID、APP KEY”两项是在申请QQ联盟时得到的两项,直接添加到下面的对应位置,提交设置,如下图:

 

02.jpg


  QQ登录操作详细介绍:

 

  特殊说明:QQ登录的使用有前提条件,网站域名必须备案。必须使用一级域名去申请QQ互联账户。

  申请QQ联盟:点击https://connect.qq.com/index.html这个链接地址进入QQ联盟平台首页,点击右上角登录:如下图


03.jpg


  进入“申请加入”,输入需要添加QQ登录的QQ号码及密码登录。如下图:


04.jpg


   登录之后进入“创建 应用”并填写详细信息,如下图:


  

  保存后进入“管理中心”,点击页面右侧的“创建应用,如下图:



  出现下图,如图所示选择提交:



  进入创建应用,填写真实信息。如下图:


09.jpg 

  先不要点击创建应用,要点击标注的“验证”弹出验证代码。

  把代码添加pc端的高级功能---“网站验证”、手机端---“常用功能”---“第三方认证”如下图:


10.jpg

 

   手机端的“第三方认证”


01-1.jpg


  PC端的“网站验证”


01-1.jpg


13.jpg


  添加好代码。点击开始验证。系统会提示验证成功。然后在“创建应用”中点击创建应用,就会进入管理中心账户的信息页面。

 

  在左上角头像右侧会显示APPID和APP KEY两项数据。这里要注意一下,如下图:


14.jpg


  回到网站后台的会员登录---QQ登录中。把上图中的APPIDAPP KEY两项内容粘贴到网站后台QQ登录设置页面的对应位置。如图:

 

15.jpg


  添加好了两项数据。之后点击下图中的“信息编辑”进入补充信息填写页面,如下图:


1448861952310946.jpg

 

  在上图中的协作者测试号中添加测试QQ号码,(备注:此QQ号码必须有效、开启临时会话功能),腾讯会审核所添加的QQ号码是否可以打开、进行会话。填写好了之后回到下图的页面。点击提交审核,如下图:



  审核时间为3个工作日左右,随时登录QQ互联账户检查审核进度。在审核中时信息会在未审核中显示。如果看到显示为已审核中就已经可以正常使用了。如下图:


18.jpg

 


 

微信登录设置

 

  特殊说明:微信登录必须是微网站对接了认证服务号、域名必须阿里云备案(一级域名或者二级域名),并且已经成功解析在备案服务器上。

 

  (1)进入微信登录设置页面,如下图:


01-1.jpg

  注意:首先网站必须绑定独立备案域名(一级或者二级),绑定好之后操作微信对接,微信公众号必须是认证服务号。

 

  对接成功之后。在微信对接---微信菜单中添加自定义菜单。必须保证所添加的菜单链接地址必须和手机网站绑定的域名一致。如下图:

 

  手机网站绑定独立域名,如下图:


01-1.jpg

 

  微信对接必须是认证服务号),如下图:

 

01-1.jpg

 

  微信菜单添加的链接必须和微网站绑定的独立域名一致,如下图:


22.jpg

  这些都添加好了。就要在微信公众平台进行操作设置了。

 

  (2) 进入微信公众平台:https://mp.weixin.qq.com/cgi-bin/loginpage

 

  进入公众平台---选择左侧开发者中心点击进入—右侧接口权限表入下翻,找到“网页账号”,点击右侧的“修改”,如下图:


未标题-1.jpg 

  进入页面,输入网站绑定的独立域名(一级域名或者二级域名),必须要绑定完整的。一级域名要加“www”,二级域名要加完整的域名前缀“例如wap”。如下图:


24.jpg

  添加好了用户通过微信打开微网站。可以直接提示微信登录。自动成为会员,点击会员中心就可以进入。在网站后台显示的会员账户也是微信的头像和账号。具体如下面系列图片:

 

  手机通过微信打开网站之后会首先进入下面的页面:

 

25.jpg

  确认登录之后就会直接成为会员进入会员中心,同时在网站后台“会员管理”中显示的形式如下图:

 

26.jpg