开发微信小程序所需要的http服务器搭建

1.安装Node.js
2.在所开发的小程序中同级目录中建立一个新的文件夹,如你说开发的 小程序在wxapp文件夹下一个form的文件夹中,那么你就在同级目录中新建一个文件夹如form_server,打开这个文件夹,在路径处输入cmd回车,表示在当前目录下进入DOS界面
3.在界面中输入:

npm init -y

y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json文件
4.安装express包:

npm install express --save

5.nodemon 能够自动检测代码修改,自动重新加载代码,用npm全局安装nodemon这个软件,-g全局安装

npm install nodemon -g

6.安装小型编辑器,notepad++,安装后可改语言,窗口右下角修改为如下图
在这里插入图片描述
7.使用notepad++保存一个js到form_server文件夹下:如:index.js
8.在index.js文件中输入:const express =request('express') 加载express模块
9.body解析模块:const bodyParser =require('body-parser'),用来解析客户端发过来的实体内容
10.保存express实例给app,const app = express()
11.把body解析模块传给app,app.use(bodyParser.json())
12.post请求第一个参数是路径,第二个是回调函数是request和response对象,输出请求的内容,以json格式输出内容

app.post('/',(req,res) =>{
	console.log(req.body)
	res.json(req.body)
})

13.监听3000端口,回调函数输出,这里选用的是本地地址,如果想在手机后台显示,可以将手机和电脑连接同一WiFi下,然后把地址中127.0.0.1改成电脑的ip地址即可

app.listen(3000, () =>{
	console.log('server running at http://127.0.0.1:3000')
})

14.在控制台输入:nodemon index.js打开
15.在微信开发工具中函数中输入:

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

如果出现以下报错
在这里插入图片描述
可在右上角详情设置,勾选
在这里插入图片描述
然后就可以在控制台看到输出信息

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值