第二节 Node微信本地开发环境搭建

一.工具及环境

1.window7 64位系统
2.node和npm(node的包管理工具)
3.ngrok(内网穿透工具)
4.git(版本控制器)

二.下载安装

(一)安装node,npm,git(必须先安装node,然后再安装npm)

(二)安装ngrok

1.https://natapp.cn/下载window64位
第二节 Node微信本地开发环境搭建_第1张图片
2.解压到node项目的根目录
第二节 Node微信本地开发环境搭建_第2张图片
3.编辑入口文件app.js

'use strict'
var Koa = require('koa');
var sha1=require('sha1');
var config = {
    wechat:{
        appID:'wxc94f0505e8ac3105',
        appSecret:'6dacd8affba440b529b42f63d4ea85b9',
        token:'weixin'
    }
}
var app = new Koa();
app.use(function *(next){
    console.log(this.query);
    var token = config.wechat.token;
    var signature = this.query.signature;
    var nonce =this.query.nonce;
    var timestamp = this.query.timestamp;
    var echostr = this.query.echostr;
    var str = [token,timestamp,nonce].sort().join('');
    var sha = sha1(str);
    if(sha ===signature){
        this.body = echostr + '';
    }else{
        this.body = 'wrong';
    }
});
app.listen(80,'127.0.0.1');
console.log('Listening: 80');

4.在项目的根目录下开启git命令
第二节 Node微信本地开发环境搭建_第3张图片
输入

npm install koa sha1

就会出现node_modules文件夹
第二节 Node微信本地开发环境搭建_第4张图片
5.在git命令行输入
node app.js开启node服务器
第二节 Node微信本地开发环境搭建_第5张图片
6.开启natapp.exe文件
第二节 Node微信本地开发环境搭建_第6张图片
7.打开微信配置网页
第二节 Node微信本地开发环境搭建_第7张图片
添加natapp中的Forwarding项到url中
token中填写app.js中定义的token值.
第二节 Node微信本地开发环境搭建_第8张图片

三.在linux下搭建node微信开发环境

(一)工具及环境

1.Ubuntu系统(不能用centos,因为centos中的g++最新版本过低,安装node的时候不能make编译node)
2.安装node及npm(node包管理工具)
3.ngrok(内网穿透神器)
4.

(二.)下载安装

1.ngrok下载网站https://natapp.cn/(这个网站要比上面那个ngrok的更人性化)
2.注册登录并配置
第二节 Node微信本地开发环境搭建_第9张图片
3.把natapp这个软件解压到项目的根目录中
//(一定要和app.js在同一个文件夹下)(这句话有问题)
4.编辑入口文件app.js

'use strict'
var Koa = require('koa');
var sha1=require('sha1');
var config = {
    wechat:{
        appID:'wxc94f0505e8ac3105',
        appSecret:'6dacd8affba440b529b42f63d4ea85b9',
        token:'weixin'
    }
}
var app = new Koa();
app.use(function *(next){
    console.log(this.query);
    var token = config.wechat.token;
    var signature = this.query.signature;
    var nonce =this.query.nonce;
    var timestamp = this.query.timestamp;
    var echostr = this.query.echostr;
    var str = [token,timestamp,nonce].sort().join('');
    var sha = sha1(str);
    if(sha ==signature){
        this.body = echostr + '';
    }else{
        this.body = 'wrong';
    }
});
app.listen(80);
console.log('Listening: 80');

5.安装koa和sha1
在app.js同一文件夹下输入命令

npm install koa sha1

会生成一个名字是node_modules的文件夹
6.赋予文件777权限

sudo chmod 777 app.js natapp
sudo chmod -R 777 node_modules

7.关闭防火墙和阿帕奇服务器(占用了80端口)

sudo service apache2 stop
sudo service firewalld stop

8.运行app.js

sudo node app.js

第二节 Node微信本地开发环境搭建_第10张图片
9.运行natapp

sudo ./natapp -authtoken=9d0b1803c13176c9

这里写图片描述

第二节 Node微信本地开发环境搭建_第11张图片
10.配置微信接口信息
第二节 Node微信本地开发环境搭建_第12张图片
提交后
第二节 Node微信本地开发环境搭建_第13张图片
11.在浏览器中输入带参数的网址http://xlp4k.free.natapp.cc/?a=1
这里写图片描述
node后端会显示{a:1}
第二节 Node微信本地开发环境搭建_第14张图片
12.在浏览器中输入127.0.0.1:4040(微信调试页面)
一定要在Ubuntu系统下的浏览器中输入
即使在window下输入IP:4040(192.168.10.134:4040)也不会显示下面的页面
第二节 Node微信本地开发环境搭建_第15张图片

你可能感兴趣的:(Node-微信公众号开发)