一、微信网页登录(电脑端扫码登录)

1、前提条件

有一个已经通过认证的微信开放平台账号,微信规定,认证需要300元/年。

申请地址:  微信开放平台——网站应用

微信开放平台:https://open.weixin.qq.com/

账号认证:微信开放平台,点击顶部导航【账号中心】,左侧【开发者资质认证】

微信开放平台不是公众平台!

 

2、申请微信网页登录接口

1)创建应用

在微信开放平台首页,找到网站应用开发(即微信登录),选择创建应用,创建应用流程:

按照提示填写信息,第二步回调地址是网站域名,去掉http://,网站的访问地址是什么就填写什么,如果访问地址有WWW也必须填WWW,填写后提交审核,微信审核时间为七个工作日内,审核通过微信会有系统通知和邮件通知。

2)到网校后台填写App ID和App Secret

进入微信开放平台,顶部导航的【管理中心】,可以看到申请的应用。

将获得的App ID和App Secret,填写到网校后台【系统】-【用户设置】-【登录】-【微信网页登录接口】中,开启微信网页登录。

3、审核失败原因

微信网页登录审核未通过,或者登录出现错误,可根据错误码提示查找原因:返回码说明

 

二、微信内分享登录(微信APP内授权登录)

1、前提条件

1)有一个已通过认证的微信服务号(认证的微信订阅号不能申请)

微信服务号申请地址:微信公众平台

2)微信公众号绑定到已认证的微信开放平台账号

进入微信开放平台(https://open.weixin.qq.com​),顶部导航【管理中心】,绑定微信公众号,绑定后才能取用数据,才能进行微信内分享登录。

服务号和开放平台账号都需要认证,微信平台各收取300元/年服务费,即要开通微信内分享登录,需要600元/年。

微信开放平台不是公众平台!

2、申请微信内分享登录接口

1)填写公众号AppIDAppSecret到网站后台

登录微信公众号后,左侧【开发-基本配置-开发者ID】,将AppID(应用ID)AppSecret(应用密钥)填写到网校【管理后台】-【系统】-【用户设置】-【登录】的微信内分享登录。

2)放置MP文件验证码并填写授权域名

登录微信公众平台,左侧操作栏【接口权限】-【网页授权】-【修改】-【网页授权域名】,填写授权回调域名,回调地址填写网站访问域名,如果网站的访问域名有www,填写时也需填www的域名;

填写域名之前,下载MP文件,打开文件复制内容粘贴到后台【系统】-【用户设置】-【登录】-【微信内分享登录】-【MP文件验证码】中;否则无法保存域名。

三、登录失败常见问题

1、scope参数错误或没有scope权限

可能的原因是:

1)订阅号没有申请微信登录的权限,需要更换为服务号申请;

2)微信开放平台的开发者账号没有认证,没有相关的权限;

3)APPID和APPsecret填写错误,有空格或者少了位数;

4)错把微信网页登录的APPID和APPsecret填写到了微信分享登录。

2、redirect_url参数错误

  • 电脑上出现

原因:授权回调域填写错误;

解决办法:到【微信开放平台】-【管理中心】-【网站应用】中修改应用的授权回调域,如果网校域名带www,回调域一定要加www。

  • 手机微信APP内出现

原因:网页授权域名填写错误;

解决办法:登录微信公众平台,左侧操作栏【接口权限】-【网页授权】-【修改】-【网页授权域名】,填写授权回调域名,回调地址填写网站访问域名,如果网站的访问域名有www,填写时也需填www的域名。

 

3、登录提示“网络超时,获取用户信息失败”

  • 电脑上出现

原因:微信网页登录APP ID和APP Secret填写错误;

微信开放平台顶部导航的管理中心中应用的APPid和APPsecret与【管理后台】-【系统】-【用户设置】-【登录】-【微信网页登录】必须一致

  • 手机微信APP内出现

原因:

1)微信内分享登录接口APP ID和APP Secret填写错误,这两个信息在微信服务号左侧操作栏【接口权限】-【网页授权】-【修改】-【网页授权域名】里查看;

2)服务号未绑定到微信开放平台;

3)微信开放平台的开发者账号未认证。

 

四、微信登录演示和体验

 1、微信网页登录(即电脑端扫码登录) 

截图演示: 

在手机上打开微信扫一扫二维码,微信会有一个登录确认,点击【确认】后,网站上页面就会出现跳转,用微信号成功登录网站。

2、微信内分享登录(即微信APP内授权登录)

体验步骤:复制气球鱼学院(www.qiqiuyu.com)地址,在微信APP内发给任一好友,点击地址打开,涉及到登录和购买课程等操作时,会自动提示使用微信号授权登录。

建议:将网校地址放到公众号的底部栏目中,用户打开可直接在微信内访问网校并学习。