当前位置: 首页 > news >正文

【服务端】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表示服务器响应信息。

结束语🥇

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

http://www.lryc.cn/news/330287.html

相关文章:

  • 二、CentOS基础配置(1.网络与包管理)
  • Golang基础-5
  • Mysql数据库:故障分析与配置优化
  • 常见的图像分析算法
  • 朵米3.5客服系统源码,附带系统搭建教程
  • Python 踩坑记
  • 搭建Spark单机版环境
  • 使用Flutter混淆技术保护应用隐私与数据安全
  • ClickHouse初体验
  • 在k8s中部署高可用程序实践和资源治理
  • WebView的使用与后退键处理-嵌入小程序或者 H5 页面
  • 【攻防世界】file_include (PHP伪协议+过滤器)
  • Linux 内核中PHY子系统(网络):PHY驱动
  • 【六 (1)机器学习-机器学习算法简介】
  • TCP服务端主动向客户端发送数据
  • ObjectiveC-03-XCode的使用和基础数据类型
  • YOLOv9改进策略 :主干优化 | 无需TokenMixer也能达成SOTA性能的极简ViT架构 | CVPR2023 RIFormer
  • 원클릭으로 주류 전자상거래 플랫폼 상품 상세 데이터 수집 및 접속 시연 예제 (한국어판)
  • 2024年github开源top100中文
  • 回收站删除的文件在哪里?专业恢复方法分享(最新版)
  • 什么是工时管理软件?
  • 一文解析智慧城市,人工智能技术将成“智”理主要手段
  • SQLBolt,一个练习SQL的宝藏网站
  • TikTok防关联引流系统:全球多账号运营的终极解决方案
  • 卷积神经网络(CNN)的数学原理解析
  • 2024年华为OD机试真题-亲子游戏-Java-OD统一考试(C卷)
  • 大模型显存占用分析
  • matlab中旋转矩阵函数
  • 探讨Spring Boot的自动配置原理
  • 【LeetCode】热题100 刷题笔记