创建一个简单的express 应用

  |   前端 Node.js

Express是Node.js应用流行的web框架之一,我现在开始创建Express的应用。
如果想了解Express,可以去官网地址:http://expressjs.com/

过程:

建立lesson1文件夹,就开始安装Express

$ mkdir lesson1 && cd lesson1

考虑国外的npm的东西被墙了,就可以换上淘宝镜像,速度太给力吧。

$ sudo npm install express --registry=https://registry.npm.taobao.org

完成安装了Express之后,要查看Express的文件夹是否存在的。

$ ls node_modules
express

如果出现Express的文件夹话,说明成功安装了吧。

或者想看到清晰直观,就可以命令

$ npm list
/Users/jinghua/lesson1
└─┬ express@4.14.0
  ├─┬ accepts@1.3.3
  │ ├─┬ mime-types@2.1.12
  │ │ └── mime-db@1.24.0
  │ └── negotiator@0.6.1
  ├── array-flatten@1.1.1
  ├── content-disposition@0.5.1
  ├── content-type@1.0.2
  ├── cookie@0.3.1
  ├── cookie-signature@1.0.6
  ├─┬ debug@2.2.0
  │ └── ms@0.7.1
  ├── depd@1.1.0
  ├── encodeurl@1.0.1
  ├── escape-html@1.0.3
  ├── etag@1.7.0
  ├─┬ finalhandler@0.5.0
  │ ├── statuses@1.3.1
  │ └── unpipe@1.0.0
  ├── fresh@0.3.0
  ├── merge-descriptors@1.0.1
  ├── methods@1.1.2
  ├─┬ on-finished@2.3.0
  │ └── ee-first@1.1.1
  ├── parseurl@1.3.1
  ├── path-to-regexp@0.1.7
  ├─┬ proxy-addr@1.1.2
  │ ├── forwarded@0.1.0
  │ └── ipaddr.js@1.1.1
  ├── qs@6.2.0
  ├── range-parser@1.2.0
  ├─┬ send@0.14.1
  │ ├── destroy@1.0.4
  │ ├─┬ http-errors@1.5.0
  │ │ ├── inherits@2.0.1
  │ │ └── setprototypeof@1.0.1
  │ ├── mime@1.3.4
  │ ├── ms@0.7.1
  │ └── statuses@1.3.1
  ├── serve-static@1.11.1
  ├─┬ type-is@1.6.13
  │ ├── media-typer@0.3.0
  │ └─┬ mime-types@2.1.12
  │   └── mime-db@1.24.0
  ├── utils-merge@1.0.0
  └── vary@1.1.0

然后我们可以开始编写第一个app.js文件

新建一个app.js文件

$ touch app.js

用vim编写app.js

// 引入`express`的模块,并将express赋值到'express'这个变量使用
var express = require('express');

// 调用express的函数,不带参数调用时,会返回一个express的实例,将这个变量赋予app变量
var app = express();

// app本身有很多方法,我们就调用get方法,'/'路径指定一个 handler 函数
// handler 函数会接收req和res两个对象
// req是包含了浏览器传来的各种信息
// res是通过它来定制我们向浏览器输出的信息
app.get('/',function(req,res){
	res.send('Hello World');
});

// 定义一个app行为,让它监听本地3000的端口,listen动作成功后执行,执行了一个命令行输出操作,告诉监听动作完成
app.listen(3000,function(){
	console.log('app is listening at port 3000');
});

然后执行

$ node app.js

**终端中会输出 **

app is listening at port 3000

这时候,我们打开浏览器输入地址:http://localhost:3000/

会出现Hello World.说明成功了运行Express的应用。


效果图:
Snip20161117 10