Express 创建应用

创建一个带有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.在浏览器访问

localhost:3000

6. 在浏览器访问

locahost:3000/users

自己创建一个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