微信小程序如何搭载node.js服务器

96次阅读
没有评论

共计 1628 个字符,预计需要花费 5 分钟才能阅读完成。

这篇文章主要介绍了微信小程序如何搭载 node.js 服务器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序如何搭载 node.js 服务器文章都会有所收获,下面我们一起来看看吧。

1.node.js

检测电脑是否安装 node.js,可以用【cmd/Power shell】命令检测,也可以用【git-bash】,这里就用 git-bash 进行演示,没有 git-bash 可以安装一下。

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 服务器”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注丸趣 TV 行业资讯频道。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-07-12发表,共计1628字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)