开发实战 - ego商城 - 2 nodejs搭建后端环境

2 nodejs搭建后端环境

2.1 搭建后端

1. 全局命令
   npm install express-generator -g
   

2. 进入项目目录uniapp-ego
   express --view=ejs server
   

   执行命令后新增server文件夹
   

   执行上述提示的命令，安装依赖包
   

3. 启动项目
   默认端口3000
   

搭建成功

2.2 后端项目

2.2.1 目录结构

uniapp-ego\server\routes\index.js

var express = require('express');
var router = express.Router();/* GET home page. */
router.get('/', function (req, res, next) {res.render('index', { title: 'Express' });
});module.exports = router;

2.2.2 新增接口

新增一个接口
（需要重启）

var express = require('express');
var router = express.Router();/* GET home page. */
router.get('/', function (req, res, next) {res.render('index', { title: 'Express' });
});router.get("/api/index_list/data", function (req, res, next) {res.json({"a": 1})
})module.exports = router;

重启后访问http://localhost:3000/api/index_list/data

2.3 前端请求接口【本地测试】

uniapp-ego\pages\index\index.vue

  onLoad() {uni.request({url: "http://localhost:3000/api/index_list/data",success: (res) => {console.log("接口响应：" + res);},});},

本地测试，需要满足

1. 手机和电脑是一个wifi
2. 不可以使用localhost，必须使用IP地址
   • 查IP地址：max：ifconfig windows: ipconfig 192.168.1.109
     
     (填入小程序appid，实现手机预览）

效果

• 开发者工具有结果
  

• 真机结果：请求失败，code 600001