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


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

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 曼亿点 原创

👨‍💻 收录于专栏微信小程序开发

⭐🅰⭐

---


文章目录


⭐前言⭐


🎶(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表示服务器响应信息。

结束语🥇

以上就是微信小程序之服务器的数据交互

持续更新微信小程序教程,欢迎大家订阅系列专栏🔥微信小程序

你们的支持就是曼亿点创作的动力💖💖💖

相关推荐
AI人工智能+电脑小能手2 分钟前
【大白话说Java面试题 第65题】【JVM篇】第25题:谈谈对 OOM 的认识
java·开发语言·jvm
社交怪人28 分钟前
【算平均分】信息学奥赛一本通C语言解法(题号2071)
c语言·开发语言
郭涤生1 小时前
不同主机之间网络通信-以太网连接复习
开发语言·rk3588
山居秋暝LS1 小时前
【无标题】RTX00安装paddle OCR,win11不能装最新的,也不能用GPU
开发语言·r语言
卢锡荣1 小时前
单芯通吃,盲插标杆 —— 乐得瑞 LDR6020,Type‑C 全场景互联 “智慧芯”
c语言·开发语言·计算机外设
Xin_ye100861 小时前
C# 零基础到精通教程 - 第七章:面向对象编程(入门)——类与对象
开发语言·c#
AI科技星2 小时前
《数学公理体系·第三部·数术几何》(2026 年版)
c语言·开发语言·线性代数·算法·矩阵·量子计算·agi
审判长烧鸡2 小时前
【Go工具】go-playground是什么组织?官方的?
开发语言·安全·go
kkeeper~2 小时前
0基础C语言积跬步之字符函数与字符串函数(上)
c语言·开发语言
hhb_6183 小时前
Swift核心技术难点与实战案例解析
开发语言·ios·swift