Express 教程 01 - 入门教程之经典的Hello World

目录：

前言

一、Express？纳尼？！

二、开始前的准备工作

三、测试安装之经典的Hello World

四、使用express(1)来生成一个应用程序

五、说明

---

前言：

　　本篇文章是建立在Node.js基础之上的，所以读者需要有一点Node.js基础的了解。

　　演示我是按照Windows操作系统来的了。Linux的其实命令都差不多，大家应该也可以发现。

　　我也是刚学这个，所以很多东西都是我从各大网站上照的，然后附上了我的实践操作及自己的说明吧。

　　有什么错误，希望大家及时指明，也请大家见谅。。

---

一、Express？纳尼？！

　　Express 是一个简洁而灵活的 Node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单。

---

二、开始前的准备工作

　　步骤1：首先，我们需要在自己的磁盘分区中，新建一个文件夹，后面我们的所有操作都将在这个文件夹中进行。

　　在这里，我以我的D盘做演示。

　　运行cmd、启动DOS，输入“D:”回车切换到D盘，然后运行“mkdir NodejsDemo”新建一个名为“NodejsDemo”的文件夹：

　　步骤2：在这个文件夹中，我们必须得创建一个“应用程序包文件”，它类似于.NET中的package.json，用于NuGet管理文件版本用的。

　　在我们的Express里面呢，我们也需要创建package.json这个文件，它和其他的Node程序包是一样的，在里面Express作为一个依赖。

　　你也可以使用 npm info express version 来获取express最新版本号，最好使用最新的版本号，这样新出的功能就不会让你感觉到奇怪了：

　　OK，得知目前最新的Express版本号为4.12.2，接下来我们就可以创建package.json这个包文件了。

　　package.json文件代码如下：

{
  "name": "NodejsDemo",
  "description": "Hello World test app.",
  "version": "0.0.1",
  "private": true,
  "dependencies": {
    "express": "3.x"
  }
}

　　步骤3：现在我们的package.json文件已经准备就绪了，下面我们就可以使用npm(1)来安装依赖项，这里的依赖项仅是Express。

　　运行 cd NodejsDemo 进入我们的项目目录，这里也就是我们最开始新建的，也是package.json所在的NodejsDemo文件夹：

　　步骤4：然后，我们运行 npm install 命令，安装package.json中声明的依赖项：

　　步骤5：当npm完成后，Express 4.12.2和它的依赖项就安装到你的"./node_modules"目录里了。

　　你可以通过运行 npm ls 命令来确认一下，它会把Express和它的依赖展示成下面的树形结构：

---

三、测试安装之经典的Hello World

　　第一段中，我们的Express已经安装完成了，下面，我们要来写真正的代码了，也算是测试安装结果吧。

　　步骤1：在D:\NodejsDemo，也就是上面我们创建的那个目录中，创建一个js文件：man.js，作为我们的主程序。

　　main.js代码如下：

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

app.get('/', function (request, response) {
  response.send('Hello World')
})

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

　　上述代码中，我们首先引入express模块，然后使用express()创建一个新的应用程序。

　　在这个应用程序实例里，你可以通过  app.VERB() 定义路由，上面的例子是"GET /"返回 "Hello World" 字符串。

　　request和 response 对象是和node原生提供给你的一致的，你也可以执行  response.pipe() ,  request.on('data', callback)  等任何事情在没有Express的情况下可以做的事情。

　　然后，我们使用express对象封装好的方法 response.send() ，它会返回指定字符串，并且设置Content-Length。

　　最后，我们启动监听3000，并且输出当前的监听信息。

　　步骤2：运行cmd，启动DOS，进入该项目目录，运行命令“node main”：

　　步骤3：打开浏览器，访问：http://127.0.0.1:3000：

　　啊啊啊，每次看到这两个单词，都好激动有木有。。。。。。

---

四、使用express(1) 来生成一个应用程序

　　Express团队维护了一个可以快速生成项目模板的可执行文件，这里命名为express(1)。

　　如果您使用npm安装全局的express-generator，那么在你的机器任何位置它都可以被访问。

　　步骤1：运行cmd进入DOS，切换到D盘，运行命令 npm install -g express-generator ，-g表示global全局的。效果如下：

　　步骤2：这个工具提供了一个非常简单的生成一个程序骨架的功能。但是他也是有局限性的，比如它只支持很少的几个模板引擎。

　　而事实上Express几乎支持所有的为Node所建的模板引擎。使用 express --help 查看一下帮助：

　　步骤3：如果你想生成一个Jade，Stylus的应用程序，你只需要简单的执行下面的命令即可： express --session --css stylus --ejs myapp

　　然后，它就会在我们的D盘中新建了一个myapp的站点，结构如下：

D:\MYAPP
│  app.js
│  package.json
│
├─bin
│      www
│
├─public
│  ├─images
│  ├─javascripts
│  └─stylesheets
│          style.styl
│
├─routes
│      index.js
│      users.js
│
└─views
        error.ejs
        index.ejs

　　步骤4：和其他Node程序一样，你必须添加项目依赖：

D:\> cd myapp
D:\myapp> npm install

D:\>cd myapp

D:\myapp>npm install
cookie-parser@1.3.4 node_modules\cookie-parser
├── cookie@0.1.2
└── cookie-signature@1.0.6

ejs@2.3.1 node_modules\ejs

debug@2.1.2 node_modules\debug
└── ms@0.7.0

morgan@1.5.1 node_modules\morgan
├── basic-auth@1.0.0
├── depd@1.0.0
└── on-finished@2.2.0 (ee-first@1.1.0)

serve-favicon@2.2.0 node_modules\serve-favicon
├── fresh@0.2.4
├── ms@0.7.0
├── parseurl@1.3.0
└── etag@1.5.1 (crc@3.2.1)

express@4.12.2 node_modules\express
├── merge-descriptors@1.0.0
├── cookie-signature@1.0.6
├── utils-merge@1.0.0
├── cookie@0.1.2
├── fresh@0.2.4
├── methods@1.1.1
├── range-parser@1.0.2
├── escape-html@1.0.1
├── content-type@1.0.1
├── vary@1.0.0
├── finalhandler@0.3.3
├── parseurl@1.3.0
├── serve-static@1.9.1
├── content-disposition@0.5.0
├── path-to-regexp@0.1.3
├── depd@1.0.0
├── qs@2.3.3
├── on-finished@2.2.0 (ee-first@1.1.0)
├── etag@1.5.1 (crc@3.2.1)
├── send@0.12.1 (destroy@1.0.3, ms@0.7.0, mime@1.3.4)
├── proxy-addr@1.0.6 (forwarded@0.1.0, ipaddr.js@0.1.8)
├── accepts@1.2.4 (negotiator@0.5.1, mime-types@2.0.9)
└── type-is@1.6.0 (media-typer@0.3.0, mime-types@2.0.9)

body-parser@1.12.0 node_modules\body-parser
├── content-type@1.0.1
├── raw-body@1.3.3
├── bytes@1.0.0
├── depd@1.0.0
├── qs@2.3.3
├── on-finished@2.2.0 (ee-first@1.1.0)
├── iconv-lite@0.4.7
└── type-is@1.6.0 (media-typer@0.3.0, mime-types@2.0.9)

stylus@0.42.3 node_modules\stylus
├── css-parse@1.7.0
├── mkdirp@0.3.5
├── sax@0.5.8
└── glob@3.2.11 (inherits@2.0.1, minimatch@0.3.0)

D:\myapp>

命令运行的回显结果

　　步骤5：然后，我们就可以运行了！！！哈哈。

　　运行命令 node app 启动主程序，如果启动无反应，您也可以切换到bin目录，运行 node www 启动程序：

　　步骤6：打开浏览器，访问：http://127.0.0.1:3000：

　　步骤7：刷新页面，我们每发出一个请求，express都会做出记录：

---

五、说明：

　　本文就是简单的入门篇，后面有时间我会针对这个站点系统的骨架，目录扫雷式讲解，并且演示进行二次自定义开发。

　　大家也可以自己看看这个目录结构，手动修改一下页面，熟悉一下。