脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → json → 安装express及配置app.js文件

nodejs教程 安装express及配置app.js文件的详细步骤

 更新时间：2013年05月11日 16:55:31   作者：  
express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室

安装express.js

如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：

复制代码 代码如下:

npm install express -gd

-g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)，你可以透过以下指令来比较两者的不同：

复制代码 代码如下:

npm list -g
npm list

如果没有npm，那么我可以使用github来git下来最新的express。
好了，现在你可以通过express testapp来建立express实例。以下是示例：

复制代码 代码如下:

cd ~
express testapp
cd testapp
node app.js

这样就建立了一个testapp的nodejs应用，而app.js是默认的应用主js。下面来详细的说说app.js中的各项配置。

引入模块

复制代码 代码如下:

var express = require('express');
 var app = module.exports = express.createServer();

require()是node.js提供的函数，可以让你引入其他模块以调用模块的函数和变量，默认下node.js会在$NODE_PATH和目前js所在目录下的node_modules文件夹下去寻找模块。require也可以用来载入自己写的模块哦~这样涉及到node.js的模块机制，后面有机会就在介绍。

第二行的express.createServer()就是在建立server，而中间的module.exports也是涉及到node.js的模块机制，以后再说。

express的app.js的详细配置说明

express.js继承自connect模块，所以如果你的node_modules文件夹下没有connect模块也是不行的。

设置views路径和模板
我们再来看下面两行：

复制代码 代码如下:

app.set('views', __dirname + '/views');
app.set('view engine', 'jade');

上面两行是设置views文件夹，即模板文件夹，__dirname是node.js里面的全局变量，即取得执行的js所在的路径，另外__filename是目前执行的js文件名。所以，app.set(‘views', __dirname + ‘/views');是设置views的文件夹。

而app.set('view engine', 'jade');是设置express.js所使用的render engine。除了Jade之外，express.js还支持EJS(embedded javascript)、Haml、CoffeScript和jQuery template等js模板。

app.use配置

复制代码 代码如下:

app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(__dirname + '/public'));

express.bodyParser()是Connect內建的middleware，设置此处可以将client提交过来的post请求放入request.body中。
express.methodOverride()也是Connect內建的，可以协助处理POST请求伪装PUT、DELETE和其他HTTP methods。
app.router()是route requests，但express.js的官方文件是这句可有可无，并且经过测试还真的是这样，不过还是写上吧。
express.static()也是一个Connect內建的middleware来处理静态的requests，例如css、js、img文件等。所以static()里面指定的文件夹中的文件会直接作为静态资源吐出来。

app.configure设置

复制代码 代码如下:

app.configure('development', function(){
  app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});
app.configure('production', function(){
  app.use(express.errorHandler());
});

express.errorHandler()是Connect內建的middleware来協助處理例外。這裡也揭露了app.configure()的令一个用法，第一个參數是node.js的環境設定，如此我們就可以設定在不同的執行環境使用不同程度的dump。PS：node.js是透過NODE_ENV這个環境變數来取得環境設定，e.g.:在命令列，NODE_ENV=production node app.js就可以進入production環境。

路由和request的处理

ok，下面是nodejs处理request的内容：

复制代码 代码如下:

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

上面的代码意思是，get请求根目录则调用views文件夹中的index模板，并且传入参数title为“Express”，这个title就可以在模板文件中直接使用。

在express中要处理post请求，需要使用app.post()。如下面的代码：

复制代码 代码如下:

app.post('/add', function(req,res){
  res.render('add', {
    sum: req.body.a + req.body.b
  });
});

前面我们提到了req.body是express.bodyParser()把POST参数处理后的结果。

另外除了get和post方法，还有app.all()意思就是所有的请求处理。

添加listen，启动nodejs服务器

复制代码 代码如下:

app.listen(3000);
console.log(
    "Express server listening on port %d in %s mode",
    app.address().port,
    app.settings.env);

到目前为止，我们就基本全明白了express配置了，也就不会像以前那样跟别人都写个hello world却不知道各行代码的含义了。

转自 JS8.IN ™

您可能感兴趣的文章:

相关文章

  • 什么是json和jsonp,jQuery json实例详详细说明

    什么是json和jsonp,jQuery json实例详详细说明

    JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲.其实网上关于JSONP的讲解有很多，但却千篇一律,用自己的方式来阐释一下这个问题，看看是否有帮助
    2012-12-12
  • json文件书写格式详解

    json文件书写格式详解

    这篇文章主要介绍了json文件书写格式规范。对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧<BR>
    2021-11-11
  • JSON与XML优缺点对比分析

    JSON与XML优缺点对比分析

    本文从各个方面向大家对比展示了json和xml的优缺点，十分的全面细致，有需要的小伙伴可以参考下。
    2015-07-07
  • 深入浅析同源与跨域,jsonp(函数封装),CORS原理

    深入浅析同源与跨域,jsonp(函数封装),CORS原理

    这篇文章主要介绍了同源与跨域,jsonp(函数封装),CORS原理，从同源政策中Ajax限制，到跨域问题以及跨域问题的解决方法帮大家更加深入的去了解其中原理
    2021-08-08
  • js实现删除json中指定的元素

    js实现删除json中指定的元素

    这篇文章主要介绍了js实现删除json中指定的元素,需要的朋友可以参考下
    2020-09-09
  • 一文了解什么是JWT

    一文了解什么是JWT

    JSON WEB Token是一种基于JSON的、用于在网络上声明某种主张的令牌，由三部分组成: 头信息, 消息体和签名，下面就一起来了解一下什么是JWT
    2023-05-05
  • JSON辅助格式化处理方法

    JSON辅助格式化处理方法

    由于结果是以json形式返回的，不容易一眼辨认，所以为了方便，对结果进行了简单的处理，接下来介绍下处理方法，感兴趣的各位可以参考下哈
    2013-03-03
  • 浅谈JSON5解决了JSON的两大痛点

    浅谈JSON5解决了JSON的两大痛点

    这篇文章主要介绍了浅谈JSON5解决了JSON的两大痛点，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • JSON相关知识汇总

    JSON相关知识汇总

    本文给大家汇总了一下关于json的相关的知识点，从基础到示例，非常全面，有需要的小伙伴可以参考下。
    2015-07-07
  • 10分钟学会js处理json的常用方法

    10分钟学会js处理json的常用方法

    这篇文章主要介绍了10分钟学会js处理json的常用方法,需要的朋友可以参考下
    2020-12-12

最新评论