个人主页：@开发者-曼亿点
hallo 欢迎 点赞 收藏⭐ 留言 加关注✅!
本文由 曼亿点 原创
收录于专栏：微信小程序开发
⭐⭐
— 
文章目录
-
- ⭐⭐
- ⭐前言⭐
- （==1==） node.js的安装步骤
-
- 进入cmd配置演示：
- 在node.js中建立一个index.js：
- 搭建一个监听3000端口的HTTP服务器：
- 结果未显示的解决方法
- 成功效果展示图：
-
- 结束语
⭐前言⭐
（1） node.js的安装步骤
nodejs安装步案:
官网下载：node.js
1.进入cmd;切换到D:盘:cdWeb-test;如果服务器托管报错需要配置环境变量
2.在用户变呈添加 NODE PAIH 值为安装路径:D:Program Filesnodejs
在path中添加%NODEPATH%; 执行npm-v没问题代表执行成功
3.npminit-y 之后会自动生成package.json可重文件
4.安装Express框架，用于创建HIP服务器。Npm install express -save (npm insta -g 服务器托管npm@9.6.1不成功替换这个
安装nodemon监控文件npm install nodemon -q(npm install -g nodemon
替换换安装方式)
5.创理indexis文件
6.运行nodemonindex.js打印提示语句即表示成功
进入cmd配置演示：
1.npm-v命令的输入
2.npminit-y命令的输入
3.npm install nodemon -q 命令的输入
注意：进入cmd是以管理员身份进入
在node.js中建立一个index.js：
搭建一个监听3000端口的HTTP服务器：
启动服务器，在命令提示符中输入:nodemon index.js
若看到 server running at http://127.0.0.1:3000，表示启动成功。
- 将服务器搭建完成后，在小程序pages/index/index.js文件中编写表单提交的事件处理函数，利用wx.request()向本地HTTP服务器发送POST请求，具体代码如下:
Page({
submit:function(e){
wx.request({
method:"POST",
url: 'http://127.0.0.1:3000',
data:e.detail.value,
success:function(res){
console.log(res)
}
})
}
})
结果未显示的解决方法
成功效果展示图：
在上述代码中，method表示请求方式，w表示服务器接口地址，data表示请求的参数，success 表示接口调用成功的回调兩数，其参数res表示服务器响应信息。
结束语
以上就是微信小程序之服务器的数据交互
持续更新微信小程序教程，欢迎大家订阅系列专栏微信小程序
你们的支持就是曼亿点创作的动力
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
