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:服务器的响应状态码。