nodejs express 写一个接口全过程

4,991 阅读1分钟

初始化

新建一个项目
$ npm init
安装express
$ npm install express --save

express生成器

安装以下命令
$ npm install express-generator -g
在当前目录创建myapp的应用,运行以下命令
$ express myapp
$ cd myapp 
$ npm install
> set DEBUG=myapp & npm start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。

通过 Express 应用生成器创建的应用一般都有如下目录结构:
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

写接口

在routes的index.js中可以看到

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

路由指定的首页会渲染index这个模版 title设置的Express,index这个模版就是views文件夹下的index.jade

在这里我们写一个返回json的数据

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});
/*GET list page.*/
router.get('/list', function(req, res, next) {
  res.json({data:[],code:'200',codeStr:'发送成功'})
 //res.render('list', { title: '我的明信2片' });
});
/*所有请求*/
router.all("*",(req,res)=>{
    res.json("请求错误")
})

res.json当请求你localhost:3000/list会返回 res.json返回的数据, roter.all()这里其他所有非首页和/list的请求返回请求错误

在这里我们发现每次改动一个东西都需要重新npm run start一下,好麻烦啊。

下面我们装一个插件让node程序热更新

$ npm install -g hotnode

这里需要注意 我们的package.json中

  "scripts": {
    "start": "hotnode ./bin/www"
  },

原先的node 改成hotnode

然后 启动程序 我们就可以愉快的自由开发了