创建一个简单的express 应用
|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的应用。
效果图: