微信小程序搭载node.js服务器的简单教程
此文章用到的是用node.js搭载的服务器!
1.node.js
检测电脑是否安装node.js,可以用【 cmd/Power shell 】命令检测,也可以用【git-bash】,这里就用git-bash进行演示,没有git-bash可以安装一下。

node -v
如果有对应的版本号即为已经安装完成!
未安装的附上链接了:
node.js安装 : Download | Node.js 或点击这里下载
Git-Bash:Git - Downloads 或 点击这里下载
2.微信小程序
在微信开发者工具中,创建一个微信小程序,在创建微信小程序的目录下新建一个文件夹,命名为【server】表示我们的服务器,然后打开文件夹,右键鼠标点击如图

打开后分别输入以下命令
(1)初始化项目,将会自动创建package.json配置文件
npm init -y
(2)安装Express框架,用于快速搭建HTTP服务器
npm install express --save
(3)安装nodemon监控文件修改
npm install nodemon -g
执行完上述命令之后,在该目录下创建一个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-Here】中输入如下命令
nodemon index.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数据,那么我们现在将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服务器的文章就介绍到这了,更多相关微信小程序搭载node.js服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
windows使用nvm对node进行版本管理切换的完整步骤
这篇文章主要介绍了windows使用nvm对node进行版本管理切换的完整步骤,在使用之前各位务必卸载掉自己安装过的nvm或者node版本包括环境变量之类的,要保证自己的电脑完全没有node环境,需要的朋友可以参考下2024-03-03
nodejs发送http请求时遇到404长时间未响应的解决方法
这篇文章主要为大家详细介绍了nodejs发送http请求时遇到404长时间未响应的解决方法2017-12-12
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
这篇文章主要介绍了Vue+Node服务器查询Mongo数据库及页面数据传递操作,结合实例形式分析了node.js查询MongoDB数据库及vue前台页面渲染等相关操作技巧,需要的朋友可以参考下2019-12-12


最新评论