那些年用node接入微信走过的坑之（四）---微信扫码登录第三方网站

序言

随着微信使用者不断增多，很多网站使用了微信扫码登录功能，这里做一个简单的实现。

第三方网页授权和微信网页端授权

这两个笔者当初区分了好久，有什么区别和联系呢？

相同点：
两者的过程基本是类似的，都是通过appId和secret和code首先获取access_token(注意这里的access_token跟通用api调取token是不一样的 )，然后通过access_token和openId获取用户基本信息进行操作，比如说登录。

不同点：

1. 微信网页授权，一般情况下在微信端打开的页面，出现如下授权方式的，如图 。
2. 第三方网页授权一般是，比腾讯的易迅
   。
   授权的界面也是不同的。

实现

###微信网页授权

首先我们要有自己的公众号，查看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）嵌入到我们自己的网页中来，我采用第二种

1. 首先在页面生成ifram。关键代码如下

 wxInit: function () {
   
        !