微信登录=微信网页登录+微信内分享登录,两个接口都需要申请!
视频讲解:http://www.qiqiuyu.com/course/1
一、网页扫码登录(在电脑端使用微信扫码登录)
1、前提条件
有一个已经通过认证的微信开放平台账号,微信规定,认证需要300元/年。
申请地址: 微信开放平台——网站应用
微信开放平台:https://open.weixin.qq.com/
账号认证:微信开放平台,点击顶部导航【账号中心】,左侧【开发者资质认证】
微信开放平台不是公众平台!
2、申请微信网页登录接口
1)打开微信开放平台并登录,【管理中心】-【网站应用】-【创建网站应用】,目前一个账号仅支持创建10个网站应用;
按照提示填写信息,第二步回调地址是网站域名,去掉http://,网站的访问地址是什么就填写什么,如果访问地址有WWW也必须填WWW,填写后提交审核,微信审核时间为七个工作日内,审核通过微信会有系统通知和邮件通知。
2)到网校后台填写App ID和App Secret
进入微信开放平台,顶部导航的【管理中心】-【网站应用】,可以看到申请的应用。
将获得的App ID和App Secret,填写到【管理后台】-【系统】-【通用设置】-【微信授权信息】,开启网页扫码登录。
3、审核失败原因
微信网页登录审核未通过,或者登录出现错误,可根据错误码提示查找原因:返回码说明。
二、微信内授权登录(微信内分享登录)
1、前提条件
1)有一个已通过认证的微信服务号(订阅号不能申请)
微信服务号申请地址:微信公众平台
2)微信公众号绑定到已认证的微信开放平台账号
进入微信开放平台(https://open.weixin.qq.com),顶部导航【管理中心】-【公众账号】,绑定认证的服务号,绑定后才能取用数据,才能进行微信内分享登录。
服务号和开放平台账号都需要认证,微信平台各收取300元/年服务费,即要开通微信内分享登录,需要600元/年。
微信开放平台不是公众平台!
2、申请微信内分享登录接口
1)填写公众号AppID和AppSecret到网站后台
登录微信公众号后,左侧【开发-基本配置-开发者ID】,将AppID(应用ID)和AppSecret(应用密钥)填写到网校【管理后台】-【系统】-【微信授权信息】的微信内授权登录。
2)放置MP文件验证码并填写授权域名
登录微信公众平台,左侧操作栏【公众号设置】-【功能设置】-【网页授权域名】,即你的网站地址,如果网站的访问域名有www,填写时也需填www;
重要说明:
填写域名之前,需要下载MP文件,打开文件复制内容,粘贴到后台【系统】-【微信授权信息】-【微信授权登录】-【MP文件验证码】中,填写后务必点击该页面最下方【保存】按钮;
否则无法在微信公众平台保存域名。
三、登录失败常见问题
1、scope参数错误或没有scope权限
可能的原因是:
1)订阅号没有申请微信登录的权限,需要更换为服务号申请;
2)微信开放平台的开发者账号没有认证,没有相关的权限;
3)APPID和APPsecret填写错误,有空格或者少了位数;
4)错把网页扫码登录的APPID和APPsecret填写到了微信内授权登录。
2、redirect_url参数错误
原因:授权回调域填写错误;这是网页扫码登录配置出了问题;
解决办法:登录微信开放平台( open.weixin.qq.com ),进入【管理中心】-【网站应用】中修改应用的授权回调域,如果网校域名带www,回调域一定要加www。
原因:网页授权域名填写错误;这是微信内授权登录配置出了问题;
解决办法:登录微信公众平台( mp.weixin.qq.com ),进入【接口权限】-【网页授权】-【修改】-【网页授权域名】,填写授权回调域名,回调地址填写网站访问域名,如果网站的访问域名有www,填写时也需填www的域名。
3、登录提示“网络超时,获取用户信息失败”
原因:网页扫码登录APP ID和APP Secret填写错误;
微信开放平台顶部导航的管理中心中应用的APPid和APPsecret与【管理后台】-【系统】-【微信授权信息】-【网页扫码登录】必须一致。
原因:
1)微信内授权登录接口APP ID和APP Secret填写错误,这两个信息在微信服务号这两个信息在微信服务号左侧操作栏微信公众号后,左侧【开发-基本配置-开发者ID】里查看;
2)服务号未绑定到微信开放平台;
3)微信开放平台的开发者账号未认证。
四、微信登录演示和体验
1、网页扫码登录(即电脑端使用微信扫码登录)
截图演示:
在手机上打开微信扫一扫二维码,微信会有一个登录确认,点击【确认】后,网站上页面就会出现跳转,用微信号成功登录网站。
2、微信内授权登录
体验步骤:复制气球鱼学院(www.qiqiuyu.com)地址,在微信APP内发给任一好友,点击地址打开,涉及到登录和购买课程等操作时,会自动提示使用微信号授权登录。
建议:将网校地址放到公众号的底部栏目中,用户打开可直接在微信内访问网校并学习。
视频教程:http://www.qiqiuyu.com/course/1