創(chuàng)建一個帶有express自帶框架的項目
1. 全局安裝express
npm install express -g
- 使用
express爸业，需要全局模式安裝express，支持jade和ejs模板引擎。 - 預(yù)知兩個模板的區(qū)別，請自行谷歌
但是目前我們還不能使用express，需要再執(zhí)行命令
npm install -g express-generator
2. 創(chuàng)建 express項目
express -e express-demo
- 使用
-e會默認(rèn)使用jade模板茬贵，如果想使用ejs模板，可以使用
express -t ejs express-demo
3. 安裝項目依賴
cd express-demo
npm install
4. 在項目根目錄下執(zhí)行
npm start
5.在瀏覽器訪問
6. 在瀏覽器訪問
自己創(chuàng)建一個Express項目
1. 新建文件夾 epress-own-demo
mkdir express-own-demo
2. 安裝本項目所需依賴
在根目錄下新建文件 package.json
{
"name": "express-own-demo",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "nodemon app.js",
"test": "jasmine",
"itest": "jasmine spec/*[sS]pec.js"
},
"dependencies": {
"body-parser": "~1.15.1",
"cookie-parser": "~1.4.3",
"express": "~4.13.4"
},
"devDependencies": {
"jasmine": "^2.7.0",
"nodemon": "^1.10.0",
"supertest": "^1.2.0"
}
}
然后執(zhí)行
npm install
3. 創(chuàng)建項目入口
在根目錄下創(chuàng)建 app.js
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.listen(8010, function (req, res, next) {
console.log("hello world");
});
module.exports = app;
4. 在根目錄下創(chuàng)建routes文件夾
- 在routes文件夾下創(chuàng)建文件route.js
route.js 使用中間件來接收前端發(fā)過來的所有路由并且根據(jù)不同的路由來找對應(yīng)的js文件议蟆。
exports.setRoutes = app => {
app.use('/items', require('./routers/item-routers'));
};
- 在app.js 中增加
const route = require('./routes/route');
route.setRoutes(app);
- 在routes文件夾下創(chuàng)建文件夾routers
在routers文件夾下創(chuàng)建 item-routers.js闷沥，內(nèi)容如下
const router = require('express').Router();
const Controller = require("../../controller/item-controller");
const controller = new Controller();
router.get('/', controller.index);
router.get('/:id', controller.show);
router.post('/', controller.create);
router.put('/:id', controller.update);
router.delete('/:id', controller.destroy);
module.exports = router;
5. 在根目錄下創(chuàng)建Controller文件夾
Controller文件夾的主要作用是對routers里面的不同的方法的具體實現(xiàn)。
比如：item-controller.js
class ItemController {
index(req, res) {
res.send('Success get!');
}
show(req, res) {
res.send('Success get id!');
}
create(req, res) {
res.send('Success create!');
}
update(req, res) {
res.send('Success update!');
}
destroy(req, res) {
res.send('Success delete!');
}
}
module.exports = ItemController;
6. 啟動程序
- 在根目錄下執(zhí)行 npm start
- 用postman訪問 localhost:3000/items咐容，分別對五個接口進(jìn)行測試。
7. 使用Jasmine 對接口進(jìn)行測試
- 在項目根目錄下執(zhí)行
jasmine init
此時蚂维，會在項目根目錄下生成一個spec文件夾戳粒，這個文件夾下有一個support文件夾，文件夾里面有一個jasmine.json文件虫啥，這個文件的主要作用就是告訴我們執(zhí)行測試的文件夾以及測試的文件的命名格式蔚约。
- 在生成的spec文件夾下新建 item-routes-spec.js，內(nèi)容如下:
const app = require('../app');
const supertest = require('supertest');
const request = supertest(app);
describe('items api', () => {
it('GET /items', (done) => {
request.get('/items').expect('Success get!', done);
});
it('GET /items/:id', (done) => {
request.get('/items/1').expect('Success get id!', done);
});
it('POST /items', (done) => {
request.post('/items').expect('Success create!', done);
});
it('PUT /items/:id', (done) => {
request.put('/items/1').expect('Success update!', done);
});
it('DELETE /items/:id', (done) => {
request.delete('/items/1').expect('Success delete!', done);
});
});
- 然后在spec文件夾下執(zhí)行：
jasmine
就會看到
? express-own-demo git:(master) npm test
> express-own-demo@0.0.0 test /Users/ruguo/workspace/express-own-demo
> jasmine
Started
hello world
.....
5 specs, 0 failures
Finished in 0.039 seconds
