Node开发微信公众号(1)——微信公众号接入

最近在学node开发,于是想自己写一个node版的微信公众号开发。开发期间踩了挺多的坑,也学到了挺多东西。这里分几个部分给大家分享一下node开发微信公众号的过程,以及哪些容易遇见的坑。(欢迎批评指正,源码在文章末尾)


微信公众号的接入可以分为三个部分。1.node服务器;2.将本地的node服务暴露到外网,3.微信公众号信息验证。我们依次来看一下。

1.node服务器启动

我们先创建一个文件夹,并引入相应的模块,我这里用的是express模块。端口随便选择这个没有被占用的就行,我这用的是1234端口。

// 引入express模块
var express = require("express");
var app = express();

app.get("/", (req, res, next)=> {
    res.send("这是1234端口页面");
})

// 监听1234端口
app.listen(1234);

我们到浏览器看一下,服务成功启动。


2.将本地服务暴露到外网

推荐一个工具——花生壳(个人感觉还挺好),去官网注册一下,花6块钱就可以获得免费版的内网穿透服务,另外注册还可以获得一个免费的域名。

点击添加映射,名称随便写,域名选择免费送的就行,内网主机Ip可以在命令行下输入ipconfig查看。

设置完之后,可以诊断一下是否成功。

ps:如果不想用花生壳,也可以用其他一些免费的插件,比如node有个插件叫做Localtunnel,使用方法也特别简单,一个命令就行,缺点就是不太稳定,每次重启一下服务,就要重新暴露,而且每次的网址会发生变化。

3.微信公众号信息验证

进入微信公众号的开发文档,选择开始开发,接口测试号申请(当然有自己公众号的可以用自己的公众号),然后用微信扫码登录就可以看到这样的页面。

Token可以随便填,URL就是我们刚才用花生壳暴露出来的外网服务。(但是现在直接填写保存是会出错的,因为我们还没有验证)

当我们点提交的时候,微信服务器会给我们填写的URL地址发送一个get请求,并传回一些特定的字段。就是下图这些参数,我们需要把这些参数跟微信服务去验证。

所以,我们要修改一下app.js,接受一下这几个参数,并把验证结果返回给微信服务器。

// 引入express模块
var express = require("express");
var app = express();
var sha1 = require("sha1");

var config = {
    "appID": "wxd27649727105b6d2",
    "appsecret": "a3f2eb9f5819b0bf4b2a92a81f99baf4",
    "token": "wechat"   
}

app.get("/", (req, res, next)=> {

    // 获取微信服务器发送的数据
    var signature = req.query.signature,
    timestamp = req.query.timestamp,
        nonce = req.query.nonce,
    echostr = req.query.echostr;

    // token、timestamp、nonce三个参数进行字典序排序
    var arr = [config.token, timestamp, nonce].sort().join('');
    // sha1加密    
    var result = sha1(arr);
    
    if(result === signature){
        res.send(echostr);
    }else{
        res.send('mismatch');
    }
})

// 监听1234端口
app.listen(1234);

这里引入了一个新的模块sha1,主要是对结果进行加密的。现在,我们再到微信测试号配置设置就可以成功保存了,这就表示,我们的验证成功可以开始正式的开发了。

到这一步,微信验证就已经成功了,但是为了后续代码的编写,我们可以把代码进行一些优化。比如把配置文件单独提取出来,把微信授权方法封装到一个模块中,优化完之后再到微信测试号上去重新配置保存一下,看是否出错。


以下是优化部分:
1.配置文件单独提取出来,写在config.json文件中;
2.授权验证方法提取出来,写在wechat.js文件中
wechat.js代码:

  var sha1 = require("sha1"); //引入加密模块

// 构造函数
function WeChat(config) {
    // 传入配置文件
    this.config = config;
    this.token = config.token;
    this.appID = config.appID;
    this.appScrect = config.appScrect;
}

// 微信授权验证方法
WeChat.prototype.auth = function(req, res, next) {

    // 获取微信服务器发送的数据
    var signature = req.query.signature,
    timestamp = req.query.timestamp,
        nonce = req.query.nonce,
    echostr = req.query.echostr;

    // token、timestamp、nonce三个参数进行字典序排序
    var arr = [this.token, timestamp, nonce].sort().join('');
    // sha1加密    
    var result = sha1(arr);

    if(result === signature){
        res.send(echostr);
    }else{
        res.send('mismatch');
    }
}

// 暴露WeChat对象
module.exports = WeChat;

app.js

// 引入express模块
var express = require("express");
var app = express();
var config = require("./config"); //引入配置文件
var WeChat = require("./wechat/wechat"); 

var wechat = new WeChat(config); //实例化一个WeChat对象

app.get("/", (req, res, next)=> {
    wechat.auth(req, res, next);
})

// 监听1234端口
app.listen(1234);

源码地址:https://github.com/yeshaojun/wechatBase
如果喜欢就给我点个小星星吧!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容