微信小程序集成Node.js服务器搭建指南

作者:慢半拍

时间:2026-10-26

浏览:518

本文详细介绍如何在微信小程序项目中集成Node.js服务器。内容涵盖Node.js环境检测与安装、使用Express和nodemon搭建本地HTTP服务、编写接口代码,以及小程序端通过wx.request发送GET/POST请求并处理服务端返回数据的全流程步骤。

文章目录

本文介绍如何利用Node.js为微信小程序搭建后端服务器。

1. Node.js环境准备

首先需确认电脑已安装Node.js。可通过【cmd】或【PowerShell】命令行工具进行检测,也可使用【git-bash】,此处以git-bash为例进行演示。若未安装,需先完成相关软件的安装。

1. Node.js环境准备

node -v

若命令行返回对应的版本号,即表示安装成功。

若尚未安装,请参考以下官方链接进行下载:

Node.js下载:Download | Node.js 或点击这里下载

Git-Bash下载:Git - Downloads 或 点击这里下载

2. 微信小程序项目配置

在微信开发者工具中创建一个新的微信小程序项目。在项目根目录下新建一个名为【server】的文件夹,用于存放服务器相关代码。进入该文件夹,右键点击空白处。

1. Node.js环境准备

在弹出的菜单中选择“Git Bash Here”以打开命令行窗口,随后依次执行以下命令:

(1)初始化项目,该操作将自动创建package.json配置文件。

npm init -y

(2)安装Express框架,该框架用于快速搭建HTTP服务器。

npm install express --save

(3)安装nodemon工具,用于监控文件修改并自动重启服务。

npm install nodemon -g

执行完上述命令后,在server目录下创建一个index.js文件,并编写以下服务器启动代码。

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())
 
//处理POST请求
app.post('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})
//处理GET请求
app.get('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})
 
//监听3000端口
app.listen(3000,()=>{
    console.log('server running | http://127.0.0.1:3000')
})

在刚才打开的【Git-Bash】窗口中输入启动命令。

nodemon index.js

1. Node.js环境准备

若看到服务运行的提示信息,则表明服务器已成功启动。

3. 小程序端发送请求

接下来演示如何从微信小程序向服务器发送数据请求。假设有一个点击事件【bindtap="play"】,我们需要在小程序项目的【.js】文件中编写相应的请求代码。

play:function(e){
    wx.request({
    //请求方式(大小写皆可,不写默认为GET请求)
    method:'GET',
    //服务器接口地址
    url:'http://127.0.0.1:3000/',
    //data表示请求的参数
    data:e.detail.value,
    //接口调用成功的回调函数
    //res表示服务器响应信息
    success:function(res){
        console.log(res)
    }
})
}

4. 服务端存储Data数据

在常规微信小程序开发中,【.js】文件内会定义data数据。此处我们将把这部分数据迁移至服务端进行管理和返回。

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())
 
app.get('/', (req, res) => {
  // console.log(req.body)
  res.json(data)
})
 
app.listen(3000, () => {
  console.log('server running at http://127.0.0.`1:3000')
})
 
var data = {
    //存放你的data数据
}

总结

至此,关于微信小程序搭载Node.js服务器的教程介绍完毕。如需了解更多相关内容,请搜索本站历史文章或继续浏览后续文章,感谢大家的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章