使用node.js express 4.x 模块 搭建angular.js开发环境

序 博文背景

  node 的 http-server 模块功能太弱,如果要得到一些特殊的响应做不到,而如果调用开发环境的其他后端服务器资源,又会给本来简单的前端开发带来各种蛋疼的复杂的问题,tomcat启动很麻烦啊有木有。

例如后端语言如果是java,起个tomcat费半天劲,弄个响应数据(例如:401,403)有时还得写个控制器返回,一点都不活泼嘛,这不是给我们前端童鞋增加麻烦嘛。

感谢node.js,让我们可以如下

一 安装 express 

使用npm进行安装


cnpm install express



cnpm install -g express-generator


注意:

我这里使用的是淘宝的npm镜像,关于镜像请点击 http://npm.taobao.org/

如果你不想安装淘宝镜像,使用npm安装也是一样的

二 在angular项目下新建server.js

var express = require('express');
var app = express();

//angular 映射
app.use('/app', express.static(__dirname+'/app'));

app.get('/auth/401', function(req, res){
    res.status(401).send('401!');
});

app.get('/auth/403', function(req, res){
    res.status(403).send('403!');
});

app.get("/user/1000", function(req, res){
    //HTTP Header
    res.setHeader('Content-Type', 'application/json');
    res.send({uid:1000,nick:'狗狗爱吃鱼'});
});


var server = app.listen(8000, function() {
    console.log('Listening on port %d', server.address().port);
});

注意 我这里映射的静态资源就是angular源码,响应,开发两不误,多么欢快,哈哈  

更多关于express 资源 请点击 http://www.expressjs.com.cn/

三 关于如何运行

在项目下的package.json 下加入:

"scripts": {
    "start": "node server.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  }


在控制台输入

npm start

结果:

> node server.js
Listening on port 8000


万事大吉 - -

你可能感兴趣的:(express,node.js,angular.js)