返回顶部
手机网站 > > 第三方登录
第三方登录

功能说明


  手机网站支持QQ登录、微信登录,实现一键登录成为网站的会员

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

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


操作说明




  第一步:进入第三方登录 

  

13-1.jpg



  第二步:操作,如下链接:


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

 

QQ登录设置

 

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

 

14-1.jpg


  QQ登录操作详细介绍:


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

  申请QQ联盟:点击http://connect.qq.com/intro/login/这个链接地址进入QQ联盟平台首页,点击申请加入:如下图


03.jpg


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


04.jpg


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


  

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



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



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


QQ联盟申请.jpg 

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

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


10.jpg

  

  手机端的“第三方认证”


15-1.jpg


  PC端的“网站验证”


12.jpg13.jpg


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

 

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


14.jpg


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

 

15.jpg


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


 

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



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


002.jpg

 


 

微信登录设置

 

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

 

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


16-1.jpg

 

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

 

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

 

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


17-1.jpg

 

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

 

 

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


20-1.jpg


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

 

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

 

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


未标题-1.jpg 

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

先,下载微信公众平台的微信文件,如图:

页面授权目录.jpg



回到您的网站后台---手机建站---》微信对接---》微信账户---》微信验证文件,上传在微信公众平台中下载的文件,如图:


21-1.jpg

完成后,回到微信公众平台当中,回到“网站授权域名界面”填写“授权调回页面域名”,如图:


页面授权目录2.jpg


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

 

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

 

25.jpg


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

 

22-1.jpg

 

  ① 如果用手机浏览器扫描点击会员登录登录显示如下图:


QQ图片20160920103202.jpg


    ② 如果用手机微信扫描点击会员登录则如下图如图2、图3:



       



  第三步:会员管理


  在手机网站后台--会员中心--会员列表中显示的形式 如图4:


22-1.jpg


上一篇:会员管理
下一篇:充值消费