在之前我們完成了Express的基礎(chǔ)配置后钓株,現(xiàn)在來嘗試的做一下后臺的接口設(shè)計(jì)襟齿。
如果不會Express基礎(chǔ)配置的老鐵們铸本,可以看看這個<a href="http://www.reibang.com/p/66589d2a5f77">零基礎(chǔ)教你用Express擼一個后臺系統(tǒng)1(配置Express)</a>
1. 入手
首先看看我們的目錄結(jié)構(gòu)(如下圖)
bin:存放的是啟動服務(wù) 以及其他
pubic:存放的是靜態(tài)資源 (css / images / js /fonts)
routers:存放的是路由
views:存放的則是我們的視圖文件
這里我們要設(shè)計(jì)的接口,其實(shí)就是設(shè)計(jì)routes
打開app.js,找到下面2句
app.use('/', index);
app.use('/users', users);
這里就是我們配置路由的關(guān)鍵語句体斩,
use 函數(shù)的第一個參數(shù) 表示 我們路由的基礎(chǔ)地址,第二個則是對應(yīng)的路由文件的名字
也就是如果我們訪問
127.0.0.1:4000/ 對應(yīng)的就是 index路由里面的配置
127.0.0.1:4000/users 對應(yīng)的就是 users路由里面的配置
2. 配置
我們以users路由配置為例颖低,建立一個簡單的hello world 的接口
打開users.js 發(fā)現(xiàn)下面代碼
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;
其實(shí)在這里官方的實(shí)例已經(jīng)相當(dāng)清晰了絮吵。
router.get 對應(yīng)的是 get請求的方法
router.post 則是對應(yīng)的是post請求方法
回調(diào)function中的 req 代表是請求,res 則是響應(yīng)
對于如何從req中取 get/post的 值這里不再一一說明忱屑,不想查文檔的 可以 直接console一下
同理res 也有多種渲染方式蹬敲,由于我們這里是設(shè)計(jì)一個接口的方式 所以這里就簡單介紹一下返回json 數(shù)據(jù)的接口。
輸入以下代碼莺戒,用來以get訪問/users/test 時反回一個json數(shù)據(jù)
router.get('/test', function(req, res, next) {
res.json({content:"hello world"});
});
瀏覽器中測試
總結(jié):
Express 中配置接口十分方便與靈活伴嗡,通過req/res 相應(yīng)的方法 可以輕易的達(dá)到多種效果!
點(diǎn)擊查看 <a >項(xiàng)目demo</a>