Node.js搭建本地HTTP服务器（微信小程序）

Node.js搭建本地HTTP服务器（微信小程序）

Node.js简易搭建本地HTTP服务器

1.

首先关闭微信开发者工具中的验证

单击工具栏中的详情按钮，选中图中所示选项即可。


2.

将Node.js安装成功后，创建空目录作为项目目录。然后打开命令提示符切换到该目录

目录位置随意，此处我放在了wechat文件夹里

3.

初始化项目,将会自动创建package.json配置文件

(我用的是cnpm,没有差别)

npm init -y

kong文件夹里自动创建这个文件

4.

安装Express框架，用于快速搭建HTTP服务器

npm install express --save

5.

安装nodemon监控文件修改

npm install nodemon -g

最后代码显示出这个说明可以了
6.

执行上述命令后在项目目录下创建index.js文件

（直接在kong文件里右键新建文件命名为index.js就可以了），编写代码如下：

const express=require('express');
const bodyParser=require('body-parser');
const app=express();
app.use(bodyParser.json());
//处理post请求
app.post('/',(req,res)=>{
    console.log(req.body);
    res.json(req.body);
});
//监听3000端口
app.listen(3000,()=>{
    console.log('server running at http://127.0.0.1:3000');
});

上述代码用于搭建一个监听3000端口的HTTP服务器，支持POST请求， console.log(req.body);用于将接受到的数据输出到命令行（显示如下）；

res.json(req.body);将数据响应给客户端。

7.

接下来在命令提示符中执行如下命令，启动服务器。

nodemon index.js

上述命令执行完后，如果看到server running at http://127.0.0.1:3000，表示启动成功。

8.

将服务器搭建完成后，在小程序pages/index/index.js文件中编写表单提交的事件处理函数，利用wx.request()向本地服务器发送POST请求

submit:funtion(e){
wx.request({
    method:'post',
    url:'http://127.0.0.1:3000/',
    data:e.detail.value,
    success:function (res) {
        console.log(res);
    }
})}

上述代码中，method表示请求方式，url表示服务器接口地址，data表示请求的参数，success表示接口调用成功的回调函数，其参数res表示服务器响应信息。

9.

测试程序，单击”提交“按钮，会在控制台看到所示结果

• data：服务器的响应数据
• errMsg：成功或失败的信息
• header：服务器的响应头
• statusCode：服务器的响应状态码。