序言
随着微信使用者不断增多,很多网站使用了微信扫码登录功能,这里做一个简单的实现。
第三方网页授权和微信网页端授权
这两个笔者当初区分了好久,有什么区别和联系呢?
相同点:
两者的过程基本是类似的,都是通过appId和secret和code首先获取access_token(注意这里的access_token跟通用api调取token是不一样的 ),然后通过access_token和openId获取用户基本信息进行操作,比如说登录。
不同点:
- 微信网页授权,一般情况下在微信端打开的页面,出现如下授权方式的,如图 。
- 第三方网页授权一般是,比腾讯的易迅
。
授权的界面也是不同的。
实现
###微信网页授权
首先我们要有自己的公众号,查看appId和secret
1. 跳转链接
https://open.weixin.qq.com/connect/oauth2/authorize?appid=yourId&redirect_uri=yourUrl&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
2.生成链接 yourUrl + &code=xxxxxxxx,这个链接我们可以哪里进行获取用户信息,比如openId。
第三方网页授权登录
首先我们要在微信开发平台中建立一个网页应用(重要)
两种方式,一种是直接使用微信页面,一种是将微信页面(ifram)嵌入到我们自己的网页中来,我采用第二种
- 首先在页面生成ifram。关键代码如下
wxInit: function () {
!