900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Node.js搭建本地HTTP服务器(微信小程序)

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

时间:2022-02-03 11:51:50

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。