创建一个带有express自带框架的项目
1. 全局安装express
npm install express -g
- 使用
express，需要全局模式安装express，支持jade和ejs模板引擎。 - 预知两个模板的区别，请自行谷歌
但是目前我们还不能使用express，需要再执行命令
npm install -g express-generator
2. 创建 express项目
express -e express-demo
- 使用
-e会默认使用jade模板，如果想使用ejs模板，可以使用
express -t ejs express-demo
3. 安装项目依赖
cd express-demo
npm install
4. 在项目根目录下执行
npm start
5.在浏览器访问
6. 在浏览器访问
自己创建一个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"
}
}
然后执行
npm install
3. 创建项目入口
在根目录下创建 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. 在根目录下创建routes文件夹
- 在routes文件夹下创建文件route.js
route.js 使用中间件来接收前端发过来的所有路由并且根据不同的路由来找对应的js文件。
exports.setRoutes = app => {
app.use('/items', require('./routers/item-routers'));
};
- 在app.js 中增加
const route = require('./routes/route');
route.setRoutes(app);
- 在routes文件夹下创建文件夹routers
在routers文件夹下创建 item-routers.js，内容如下
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. 在根目录下创建Controller文件夹
Controller文件夹的主要作用是对routers里面的不同的方法的具体实现。
比如：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. 启动程序
- 在根目录下执行 npm start
- 用postman访问 localhost:3000/items，分别对五个接口进行测试。
7. 使用Jasmine 对接口进行测试
- 在项目根目录下执行
jasmine init
此时，会在项目根目录下生成一个spec文件夹，这个文件夹下有一个support文件夹，文件夹里面有一个jasmine.json文件，这个文件的主要作用就是告诉我们执行测试的文件夹以及测试的文件的命名格式。
- 在生成的spec文件夹下新建 item-routes-spec.js，内容如下:
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文件夹下执行：
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
网友评论