初始化
新建一个项目
$ 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
然后 启动程序 我们就可以愉快的自由开发了