【服务端】node.js详细的配置

在这里插入图片描述


????‍????个人主页@开发者-曼亿点

????‍???? 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 Files\nodejs
在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表示服务器响应信息。

结束语????

以上就是微信小程序之服务器的数据交互
持续更新微信小程序教程,欢迎大家订阅系列专栏????微信小程序
你们的支持就是曼亿点创作的动力????????????
请添加图片描述

上一篇:Elment ui 动态表格与表单校验 列表数据 组件


下一篇:您与此网站之间建立的连接不安全