零基础教你用Express撸一个后台系统2(设计后台接口)

Express下设计后台接口

在之前我们完成了Express的基础配置后，现在来尝试的做一下后台的接口设计。
如果不会Express基础配置的老铁们，可以看看这个零基础教你用Express撸一个后台系统1(配置Express)

1. 入手

首先看看我们的目录结构（如下图）

目录结构

bin：存放的是启动服务 以及其他
pubic：存放的是静态资源 （css / images / js /fonts）
routers：存放的是路由
views：存放的则是我们的视图文件

这里我们要设计的接口，其实就是设计routes

打开app.js,找到下面2句

app.use('/', index);
app.use('/users', users);

这里就是我们配置路由的关键语句，
use 函数的第一个参数 表示 我们路由的基础地址，第二个则是对应的路由文件的名字

也就是如果我们访问

127.0.0.1:4000/ 对应的就是 index路由里面的配置

127.0.0.1:4000/users 对应的就是 users路由里面的配置

---

2. 配置

我们以users路由配置为例，建立一个简单的hello world 的接口
打开users.js 发现下面代码

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});

module.exports = router;

其实在这里官方的实例已经相当清晰了。

router.get 对应的是 get请求的方法

router.post 则是对应的是post请求方法

回调function中的 req 代表是请求，res 则是响应

对于如何从req中取 get/post的 值这里不再一一说明，不想查文档的 可以 直接console一下

同理res 也有多种渲染方式，由于我们这里是设计一个接口的方式 所以这里就简单介绍一下返回json 数据的接口。

输入以下代码，用来以get访问/users/test 时反回一个json数据

router.get('/test', function(req, res, next) {
  res.json({content:"hello world"});
});

浏览器中测试

测试结果

---

总结：

Express 中配置接口十分方便与灵活，通过req/res 相应的方法 可以轻易的达到多种效果！

点击查看 项目demo