node.js 微信开发3-网页受权

一、配置公众号的自定义菜单，如

{
     "button":[
        {    
          "type":"view",
          "name":"公众号",
           "url":"http://xxx/consultList"
        },
        {    
          "type":"view",
          "name":"小程序",
          "url":"http://xxx"
        },
        {    
          "type":"view",
          "name":"我的信息",
          "url":"https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=http%3a%2f%2fxxx%2foauth%2findex&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect"
        }
     ]
}

自定义菜单

二、设置网页受权域名

* 进入微信管理平台，打开功能设置-网页受权域名

* 须要设置的就是微信菜单中redirect_uri的地址（能够是接口地址获取页面路由地址）

* 在设置时，须要将一个认证的text文本放入网站根目录

　　当时我项目中的app.js文件启动的3000端口只加载了和微信api有关的接口，并无网站根目录，因此有新建了一个server.js启动目录，和一个网站根目录

　　项目结构以下：

　　

var http = require('http');
var fs = require('fs');//引入文件读取模块

var documentRoot = 'D:/wechat/nodetest/www';
//须要访问的文件的存放目录

var server= http.createServer(function(req,res){

    var url = req.url; 
    //客户端输入的url，例如若是输入localhost:8888/index.html
    //那么这里的url == /index.html 

    var file = documentRoot + url;
    console.log(url);
    //E:/PhpProject/html5/websocket/www/index.html 


    fs.readFile( file , function(err,data){
    /*
        一参为文件路径
        二参为回调函数
            回调函数的一参为读取错误返回的信息，返回空就没有错误
            二参为读取成功返回的文本内容
    */
        if(err){
            res.writeHeader(404,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
            res.end();
        }else{
            res.writeHeader(200,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write(data);//将index.html显示在客户端
            res.end();

        }

    });



}).listen(3000);

console.log('服务器开启成功');

server.js

将须要认证的.text文本放入www文件夹，确认网页受权就能够了

微信管理平台的网页应受权配置完成以后关闭这个server启动项就能够了，后续域名受权能够正常使用

三、关于域名受权接口

const wechat = require('../wechat/wechat')
const config = require('../config/wechat.json')
let wechatApp = new wechat(config)
module.exports = {
    // 公众号消息
    'GET /oauth/index': async (ctx, next) => {
        let code=ctx.request.query.code
      await  wechatApp.snsapi_base(code).then(function (data) {
            ctx.response.type = 'text'
            ctx.response.body = data
        });
    }
};

域名受权接口

  /**
         * 经过snsapi_base 方式获取用户的openid和网页受权access_token（与调用微信接口使用的access_token不一样）
         */
        WeChat.prototype.snsapi_base = async function (code) {
            logger.info('snsapi_base code', code)
            var that = this;
            return new Promise(function (resolve, reject) {
                //格式化请求地址
                var url = util.format(that.apiURL.snsapi_base, that.apiDomain, that.appID, that.appScrect, code);
                that.requestGet(url).then(function (data) {
                    resolve(data);
                });
            });
        }

网页受权获取用户openid

网页受权的两种方式

一、以snsapi_base为scope发起的网页受权，是用来获取进入页面的用户的openid的，而且是静默受权并自动跳转到回调页的。用户感知的就是直接进入了回调页（每每是业务页面）

二、以snsapi_userinfo为scope发起的网页受权，是用来获取用户的基本信息的。但这种受权须要用户手动赞成，而且因为用户赞成过，因此无须关注，就可在受权后获取该用户的基本信息。

　　* 由于所须要的有效信息只要一个openid就够了，因此我使用的就是第一种 以snsapi_base为scope发起的网页受权

　　* 在域名受权接口的query中就会有一个code参数，咱们要作的就是把这个code和公众号的appID,appScrect做为参数发送一个GET请求给微信接口

　　 接口的获取结果中就有openid和access_token等参数，其实咱们所须要的保留一个openid就能够了

 

git：https://github.com/wuyongxian20/wechat-api