标签:openid code 登录 微信 access href let unionid
流程图:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_Login/Development_Guide.html
1.点击登陆按钮
let link = location.href;
let uri = encodeURIComponent(link);
window.location.href =
`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${uri}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
2.重定向后的页面
http://sw.juzhonglw.cn/testwxh5/?code=001X7G1w36oG3Y2i111w3wYlPe0X7G1T&state=STATE#/packageBuild/common/projectList
截取出code的值
3.拿取code参数
let href = location.href.split('code=')[1];
if (href) {
let code = href.split('&')[0];
if (code) {
// 通过code 拿取openid、unionid、access_token 等信息
this.aotuLogin(code)
}
}
4.通过刚刚拿到的code,调用接口获取 openid、unionid、access_token 等信息(后端完成,然后提供接口给前端调用)
https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
5.调用微信登录接口,提供 openid、unionid 给后端
request('/user/login',{
openid,unionid
}).then(d=>{
...
})
标签:openid,code,登录,微信,access,href,let,unionid 来源: https://www.cnblogs.com/jiorence/p/15951603.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。