uniapp开发app+小程序+H5如何搭建后端,使用nodejs搭建后端
前端在开发的时候没有接口真的很难受,所以使用nodejs+express搭建一个后端临时进行本地测试,接口自己写。node环境需要有的,能开始项目了说明这个基本都安装过了,就直接跳过搭建步骤,从安装express开始。
前端在开发的时候没有接口真的很难受,所以使用nodejs+express搭建一个后端临时进行本地测试,接口自己写。
node环境需要有的,能开始项目了说明这个基本都安装过了,就直接跳过搭建步骤,从安装express开始。
一,安装express
1,打开你的项目终端 ,全局安装express,只用安装一次就可以了之后都能用
npm install express-generator -g
2,进入项目目录,执行一个命令
express --view=ejs server
在项目目录里会创建一个server的文件夹
3,根据终端提示,cd server打开server文件夹,然后执行npm install将依赖下载下来
4,启动后端npm start
5,如何判断这个后端启动成功了,后端默认端口是3000,打开http://localhost:3000/出现以下页面就是成功
二,如何写接口
1,打开项目里的server文件夹 =>routes =>index.js文件就可以自己写接口了
2,在index.js里写一个接口
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});
//接口地址是/api/data/index,请求返回一个对象a:1
router.get('/api/data/index',function(req, res, next) {
res.send({
a:1
});
})
module.exports = router;
3,检查接口数据,重启服务器,打开地址http://localhost:3000/api/data/index地址的/api/data/index就是自己设置的接口地址
注意:保存数据后一定要重启服务器,每次修改了server里的文件都重新启动一下服务器,否则会查询失败
三,请求接口数据
如果是本地测试需要注意两点:
1:手机和电脑需要连上同一个WiFi
2:请求的地址不能用localhost,需要换成IP地址,查询IP的方法
mac:ifconfig
window:ipconfig
会有一个IPv4地址,比如192.168.1.16,用它换掉localhost即可
<script>
export default {
onLoad() {
uni.request({
url:"http://192.168.1.8:3000/api/data/index",
success: (res) => {
console.log('@@@@',res)
}
})
},
}
</script>
更多推荐
所有评论(0)