基于Node.js微信授权获取用户信息

来源：互联网发布：mhol捏脸数据编辑：程序博客网时间：2024/05/21 22:26

前期准备

映射工具将本机地址映射到公网

ngrok下载地址： http://www.qydev.com/

选择linux版本，将工具下载到目录：
/home/b.jiang/ngrok02/linux_amd64/ngrok
切换到此目录，运行下面的命令

./ngrok -config=ngrok.cfg -subdomain weixintest01 2333

即可将2333 端口映射到公网地址： http://weixintest01.tunnel.qydev.com/

申请测试号

为什么要用测试号？

因为正式号的接口未开通，如果要开通，必须通过微信认证。
在获得微信认证之前，使用测试号来开发是一个不错的选择。

进入微信公众号 -> 开发者工具 -> 公众平台测试帐号 ->进入申请

这里写图片描述

微信测试号服务器配置

用npm安装 wechat

wechat包已经帮我们完成了大部分的工作，主要是接收解析微信服务器发过来的信息，然后定义了返回的格式。

安装

在项目目录下

npm install wechat --save//安装其他要用到的npm install express body-parser --save

项目目录下创建wechat.js

var wechat = require('wechat');var verifyInfo = {  //验证信息  token: '',  // your wechat token  appid: ''  // your wechat appid};//处理文本消息var handler = wechat(verifyInfo, wechat.text(wechatText));  module.exports = handler;function wechatText(message, req, res, next) {  var input = (message.Content || '').trim();    if (/你好/.test(input)) {    res.reply('Hello world');  } else {    res.reply('其他');  }}

项目目录下创建app.js

var express         = require("express");var bodyParser      = require("body-parser");var app = express();//configapp.set('port', 2333);app.use(bodyParser.json());app.use(bodyParser.urlencoded({extended: true}));// routeapp.use('/weixin', require('./wechat'));// start up serverapp.listen(app.get('port'), function () {    console.log('Server listening on:', app.get('port'));});

运行

node app.js

开始配置测试帐号服务器url

填写url和Token
这里写图片描述

点击提交，服务器配置成功，启动服务器配置

微信测试号设置授权回调页面域名

在权限列表中网络帐号那一项点击修改 -> 填写授权回调页面域名

这里写图片描述

代码实现，获取授权

在写代码之前，使用npm安装组件：

npm install request --save

在项目中oauth.js：

/** * Created by b.jiang on 2017/3/2. *//** * @Module   : Wechat oauth Module * @Brief    : Process Wechat oauth */var express = require('express');var router = express.Router();var request = require('request');var config = require('./config');/* 微信网页授权 */var AppID = config.appid;var AppSecret = config.appsecret;router.get('/wx_login', function(req,res, next){    //console.log("oauth - login")    // 第一步：用户同意授权，获取code    var router = 'get_wx_access_token';    // 这是编码后的地址    var return_uri = 'http://weixintest01.tunnel.qydev.com/oauth/'+router;    var scope = 'snsapi_userinfo';    res.redirect('https://open.weixin.qq.com/connect/oauth2/authorize?appid='+AppID+'&redirect_uri='+return_uri+'&response_type=code&scope='+scope+'&state=STATE#wechat_redirect');});/* 获取access_token */router.get('/get_wx_access_token', function(req,res, next){    //console.log("get_wx_access_token")    //console.log("code_return: "+req.query.code)    // 第二步：通过code换取网页授权access_token    var code = req.query.code;    request.get(        {            url:'https://api.weixin.qq.com/sns/oauth2/access_token?appid='+AppID+'&secret='+AppSecret+'&code='+code+'&grant_type=authorization_code',        },        function(error, response, body){            if(response.statusCode == 200){                // 第三步：拉取用户信息(需scope为 snsapi_userinfo)                //console.log(JSON.parse(body));                var data = JSON.parse(body);                var access_token = data.access_token;                var openid = data.openid;                console.log('openid' + openid);                request.get(                    {                        url:'https://api.weixin.qq.com/sns/userinfo?access_token='+access_token+'&openid='+openid+'&lang=zh_CN',                    },                    function(error, response, body){                        if(response.statusCode == 200){                            // 第四步：根据获取的用户信息进行对应操作                            var  userinfo = JSON.parse(body);                            //console.log(JSON.parse(body));                            console.log('获取微信信息成功！' + userinfo.nickname + userinfo.city + userinfo.country);                            // 小测试，实际应用中，可以由此创建一个帐户                            res.send("\                                <h1>"+userinfo.nickname+" 的个人信息</h1>\                                <p><img src='"+userinfo.headimgurl+"' /></p>\                                <p>"+userinfo.city+"，"+userinfo.province+"，"+userinfo.country+"</p>\                            ");                        }else{                            console.log(response.statusCode);                        }                    }                );            }else{                console.log(response.statusCode);            }        }    );});module.exports = router;

在app.js中引入这个路由：

...var oauth = require('./oauth')...app.use('/oauth', oauth);...

创建菜单

创建 wx_menu.json

{    "button":[      {        "name":"菜单",      "sub_button":[          {            "type":"view",            "name":"button03",          "url":"http://weixintest01.tunnel.qydev.com/image/1212.jpg"        },          {            "type":"view",            "name":"用户信息",      "url":"http://weixintest01.tunnel.qydev.com/oauth/wx_login"        }      ]      }    ]  }

在app.js 添加

var menu = JSON.stringify(require('./wx_menu.json'));api.createMenu(menu, function (err, result) {    console.log(result);});

开始运行

node app.js

测试

先关注该测试号，点击 用户信息 菜单后将跳转到用户信息页面，显示用户的信息。

Sample Code： linux环境 /home/b.jiang/myapp

1 0