微信小程序搭载node.js服务器的简单教程

2022 年 12 月 27 日 11 时 19 分 19 秒进行了更新，更新者是灵魂学者。

小程序是一种全新的连接用户与服务的方式。它能够在微信内部被便捷地获取和传播。并且它还具有出色的使用体验。下面这篇文章主要给大家介绍了关于微信小程序搭载 node.js 服务器的相关内容。有需要的朋友可以参考一下。

目录

此文章用到的是用node.js搭载的服务器！

1.node.js

检测电脑是否安装了 node.js ，可以通过【cmd/ 】命令来检测，还可以借助【git-bash】。现在就以 git-bash 来进行演示，如果没有 git-bash 的话，可以进行安装。

node -v

如果有对应的版本号即为已经安装完成！

未安装的附上链接了：

node.js安装 ： | Node.js 或点击这里下载

Git-Bash：Git - 或 点击这里下载

2.微信小程序

在微信开发者工具里，创建一个微信小程序。接着，在创建好的微信小程序目录下新建一个文件夹，将其命名为【】，以此来表示我们的服务器。之后，打开这个文件夹，用右键鼠标点击它，呈现出如图所示的情况。

打开后分别输入以下命令

（1）初始化项目，将会自动创建.json配置文件

npm init -y

（2）安装框架，用于快速搭建HTTP服务器

npm install express --save

（3）安装监控文件修改

npm install nodemon -g

执行完上述命令后，在该目录下创建一个名为.js 的文件，并且编写如下代码。

需要使用 require 函数来引入 express 模块，即 const express = require('express')。
需要引入一个名为 bodyParser 的模块。
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,()=>{
控制台输出：“服务器正在运行 | http://127.0.0.1:3000”
})

在刚刚的【Git-Bash-Here】中输入如下命令

nodemon index.js

有以上效果，则表示已经启动成功了。

3.发送请求

如何进行发送请求呢？假设我们要为点击“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 数据进行定义。现在，我们要把 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("服务器在 http://127.0.0.1:3000 运行")
})
 
var data = {
    //存放你的data数据
}

总结

这篇关于微信小程序搭载 node.js 服务器的文章到此就介绍完啦。若想了解更多相关内容，可以搜索脚本之家以前的文章，或者继续浏览下面的相关文章。希望大家以后能多多支持脚本之家！