微信小程序搭载node.js服务器（简）

2024-05-16 12:10:24

此文章用到的是用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的websocket服务器搭建和SSL证书申请、配置全家桶
〇.前言最近在研究微信小程序的开发,中间遇到了不少问题,趟了不少坑,这里和大家分享一下我的一些经验,希望能给大家提供一些帮助. 一.微信小程序的websocket服务器搭建微信小程序的网络通信使用 ...
视频教程-项目实战视频课程：美团小程序（Node.js+Express+支付）-微信开发
项目实战视频课程:美团小程序(Node.js+Express+支付) 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN ...
项目实战视频课程：美团小程序（Node.js+Express+支付）-李宁-专题视频课程
项目实战视频课程:美团小程序(Node.js+Express+支付)-473人已学习课程介绍小程序视频教程,本课程实现了美团小程序的核心部分.采用异步的方式,通过AJAX从服务端获 ...
微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?
微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
微信小程序开发—关于配置服务器域名
微信小程序request请求的服务器域名必须得有SSL安全证书,也就是必须以https开头,这也是微信小程序为了信息安全着想. 如果是自己写后台程序,建议使用云服务器,我用的是百度云里面的bae,百度 ...
微信小程序--在app.js 和其他页面中更改globalData的值
微信小程序--在app.js 和其他页面中更改globalData的值 app.js中修改其他页面 app.js中修改在app.js中,应当在小程序初始化完成以后再更改全局变量的值,即在onLau ...
微信小程序如何通过js操作wxmll的wxss属性
微信小程序如何通过js操作html的css属性在web端.手机端.webApp中可以通过js获取dom的方式设置dom属性. 微信小程序中,不能通过这种方式进行操作. 如何在微信小程序中在wxml中 ...
微信小程序实现通过js操作wxml的wxss属性示例
微信小程序实现通过js操作wxml的wxss属性示例前言实现思路实现代码前言在web端.手机端.webApp中可以通过js获取dom的方式设置dom属性. 微信小程序中,不能通过这种方式进行 ...
微信小程序获取app.js中的公共数据
微信小程序获取app.js中的公共数据小程序项目结构如下 app.js App({list: [{id: 1,name: '完美型',content: "属于第一型的你,相信常常这感觉,对 ...

最新文章

热门文章