Express学习之开始入门<1>

一.安装express

1.假如你已经安装了Node.js，我们先创建一个目录来放你的应用，让它成为你的工作目录。

$mkdir myapp
$cd myapp

2.使用npm init命令来为你的应用创建一个package.json文件。如果想进一步了解package.json的工作原理，请看npm的package.json处理的特点

$ npm init

这条命令会指导你做一些事情，例如填写你创建应用的名称和版本号。现在，你可以仅仅按Enter(RETURN)键来接受默认的值，，除了下面的：

entry point: (index.js)//入口点

输入app.js或者你想的任何主文件的名称。如果你想要默认的名称index.js的话，只需按Enter(RETURN)键。

3.现在在应用目录中安装Express，并且将它保存在依赖项列表中。

$ npm install express --save

安装好是这样的：

Express学习之开始入门<1>

package.json中的内容如下：
Express学习之开始入门<1>

为了临时地安装Express，不把它添加到依赖项列表中，我们省略了--save选项。

$ npm install express

安装好的目录与上面相同。

package.json文件中的内容：
Express学习之开始入门<1>

说明：

带有--save参数安装的node模块被添加到package.son文件中的依赖项中(对比上面两个package.son文件的内容)，然后在应用目录中使用npm install，这将自动在依赖项列表中安装模块。

二.”Hello World”例子

确保你已经跟随”一”进行了安装。

现在，你将创建一个基本的Express应用。

注意：这是你能够创建的最简单的Express应用。如果你使用 Express生成器(Express generator)的话，你得到的可不是这样，因为它会为一个完整的应用创建一个脚手架(可以简单地理解为应用的大概框架)完整的应用会包含大量的JavaScript文件， Jade(还有其他类型的)模版和各种用途的子目录。

在may目录下创建一个app.js文件，并将下面的代码写到里面：

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

app.get('/',function(req,res){
    res.send('Hello,World');
});

var server=app.listen(3000,function(){
var host=server.address().address;
var port=server.address().port;

    console.log('Example app listen at http://%s:%s',host,port);
});

应用开启一个服务器，监听3000端口等待连接，如果有对根URL(‘/’)或者路由请求的话，它就会回复”Hello,World”，对于其他的任何路径，都会回复”404 Not Found”

注意：

req (request) 和 res (response)就是Node.js提供的相同对象，你可以使用req.pipe(), req.on('data', callback)或其他任何函数，而不用涉及到Express

通过以下的命令来运行应用：

$ node app.js

然后，在浏览器中打开网址http://localhost:3000/来查看输出。

三.Express应用生成器

使用应用生成器工具express，来快速搭建应用骨架。

使用以下的命令来安装：

$ npm install express-generator -g

如图：

Express学习之开始入门<1>

使用选项-h来显示可以使用的命令选项：

$ express -h

  Usage: express [options] [dir]

  Options:

    -h, --help output usage information
    -V, --version output the version number
    -e, --ejs add ejs engine support (defaults to jade)
        --hbs add handlebars engine support
    -H, --hogan add hogan.js engine support
    -c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git add .gitignore
    -f, --force force on non-empty directory

例如，以下的命令是在当前的工作目录下创建一个名称是myapp的Express应用。

$ express myapp

如图：

Express学习之开始入门<1>

然后安装依赖项：

$ cd myapp 
$ npm install

运行应用：

在Mac OS或者Linux上：

$ DEBUG=myapp npm start

Express学习之开始入门<1>

在Windows上：

> set DEBUG=myapp & npm start

然后在浏览器中加载http://localhost:3000/来获取应用：

Express学习之开始入门<1>

产生的应用目录结构像这样子：

Express学习之开始入门<1>

由生成器产生的应用结构只是构建Express应用众多方法中的一种，你可以任意使用或者修改它来满足你的需要。

秒客网

Express学习之开始入门<1>

相关文章