微信小程序搭载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 服务器的文章到此就介绍完啦。若想了解更多相关内容,可以搜索脚本之家以前的文章,或者继续浏览下面的相关文章。希望大家以后能多多支持脚本之家!
版权声明:本文为 “博览广文网” 原创文章,转载请附上原文出处链接及本声明;
工作时间:8:00-18:00
客服电话
0755-888866601
电子邮件
wx888866603@qq.com
扫码二维码
获取最新动态