nodejs express

  1. 云栖社区>
  2. 博客>
  3. 正文

nodejs express

developerguy 2017-04-20 16:29:00 浏览1694
展开阅读全文

安装

假设您已经安装了 Node.js,创建目录以保存应用程序,并将其设置为工作目录。
$ mkdir myapp
$ cd myapp
使用 npm init 命令为应用程序创建 package.json 文件。 有关 package.json 工作方式的更多信息,请参阅 Specifics of npm’s package.json handling。

$ npm init
此命令提示您输入若干项,例如应用程序的名称和版本。 现在,只需按回车键以接受其中大多数项的缺省值,但以下情况例外:
entry point: (index.js)
输入 app.js,或者您希望使用的任何主文件名称。如果希望文件名为 index.js,请按回车键以接受建议的缺省文件名。
在 app 目录中安装 Express,然后将其保存在依赖项列表中。例如:

$ npm install express --save
要暂时安装 Express 而不将其添加到依赖项列表中,请省略 --save 选项:

$ npm install express
采用 --save 选项安装的 Node 模块已添加到 package.json 文件中的 dependencies 列表。 今后运行 app 目录中的 npm install 将自动安装依赖项列表中的模块。

http://expressjs.com/zh-cn/starter/installing.html


Hello world 示例
这基本上是您可以创建的最简单的 Express 应用程序。这是单个文件应用程序 — 根本不需要动用 Express 生成器。Express 生成器的作用就像是为完整的应用程序建立一个“脚手架”,包含各种用途的 JavaScript 文件、Jade 模板和子目录。
首先创建名为 myapp 的目录,切换到此目录,然后运行 npm init。根据安装指南将 express 安装为依赖项。

在 myapp 目录中,创建名为 app.js 的文件,然后添加以下代码:

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

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

app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});

应用程序会启动服务器,并在端口 3000 上侦听连接。此应用程序以“Hello World!”响应针对根 URL (/) 或路由的请求。对于其他所有路径,它将以 404 Not Found 进行响应。
req(请求)和 res(响应)与 Node 提供的对象完全相同,所以您可以在不涉及 Express 的情况下调用 req.pipe()、req.on('data', callback) 和要执行的其他任何函数。
使用以下命令运行应用程序:
$ node app.js
然后,在浏览器中装入 http://localhost:3000/ 以查看输出。
http://expressjs.com/zh-cn/starter/hello-world.html

基本路由
路由用于确定应用程序如何响应对特定端点的客户机请求,包含一个 URI(或路径)和一个特定的 HTTP 请求方法(GET、POST 等)。
每个路由可以具有一个或多个处理程序函数,这些函数在路由匹配时执行。
路由定义采用以下结构:
app.METHOD(PATH, HANDLER)
其中:
app 是 express 的实例。
METHOD 是 HTTP 请求方法。
PATH 是服务器上的路径。
HANDLER 是在路由匹配时执行的函数。
本教程假定创建了名为 app 的 express 实例且服务器正在运行。如果您对创建和启动应用程序并不熟悉,请参阅 Hello world 示例。
以下示例演示了如何定义简单路由。

以主页上的 Hello World! 进行响应:
app.get('/', function (req, res) {
res.send('Hello World!');
});

在根路由 (/) 上(应用程序的主页)对 POST 请求进行响应:
app.post('/', function (req, res) {
res.send('Got a POST request');
});

对 /user 路由的 PUT 请求进行响应:
app.put('/user', function (req, res) {
res.send('Got a PUT request at /user');
});

对 /user 路由的 DELETE 请求进行响应:
app.delete('/user', function (req, res) {
res.send('Got a DELETE request at /user');
});
有关路由的更多详细信息,请参阅路由指南。
http://expressjs.com/zh-cn/starter/basic-routing.html

路由

路由表示应用程序端点 (URI) 的定义以及端点响应客户机请求的方式。 有关路由的简介,请参阅基本路由。

以下代码是非常基本的路由示例。


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

// respond with "hello world" when a GET request is made to the homepage
app.get('/', function(req, res) {
res.send('hello world');
});

路由方法
路由方法派生自 HTTP 方法之一,附加到 express 类的实例。

以下代码是为访问应用程序根目录的 GET 和 POST 方法定义的路由示例。


// GET method route
app.get('/', function (req, res) {
res.send('GET request to the homepage');
});

// POST method route
app.post('/', function (req, res) {
res.send('POST request to the homepage');
});

Express 支持对应于 HTTP 方法的以下路由方法:get、post、put、head、delete、options、trace、copy、lock、mkcol、move、purge、propfind、proppatch、unlock、report、mkactivity、checkout、merge、m-search、notify、subscribe、unsubscribe、patch、search 和 connect。

要路由会转换为无效 JavaScript 变量名称的方法,请使用括号表示法。例如,app['m-search']('/', function ...
有一种特殊路由方法:app.all(),它并非派生自 HTTP 方法。该方法用于在所有请求方法的路径中装入中间件函数。

在以下示例中,无论您使用 GET、POST、PUT、DELETE 还是在 http 模块中支持的其他任何 HTTP 请求方法,都将为针对“/secret”的请求执行处理程序。


app.all('/secret', function (req, res, next) {
console.log('Accessing the secret section ...');
next(); // pass control to the next handler
});

路由路径
路由路径与请求方法相结合,用于定义可以在其中提出请求的端点。路由路径可以是字符串、字符串模式或正则表达式。

Express 使用 path-to-regexp 来匹配路由路径;请参阅 path-to-regexp 文档以了解定义路由路径时所有的可能性。Express Route Tester 是用于测试基本 Express 路由的便捷工具,但是它不支持模式匹配。
查询字符串不是路由路径的一部分。
以下是基于字符串的路由路径的一些示例。

此路由路径将请求与根路由 / 匹配。


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

此路由路径将请求与 /about 匹配。


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

此路由路径将请求与 /random.text 匹配。


app.get('/random.text', function (req, res) {
res.send('random.text');
});

以下是基于字符串模式的路由路径的一些示例。

此路由路径将匹配 acd 和 abcd。


app.get('/ab?cd', function(req, res) {
res.send('ab?cd');
});

此路由路径将匹配 abcd、abbcd、abbbcd 等。


app.get('/ab+cd', function(req, res) {
res.send('ab+cd');
});

此路由路径将匹配 abcd、abxcd、abRABDOMcd、ab123cd 等。


app.get('/ab*cd', function(req, res) {
res.send('ab*cd');
});

此路由路径将匹配 /abe 和 /abcde。


app.get('/ab(cd)?e', function(req, res) {
res.send('ab(cd)?e');
});

字符 ?、+、* 和 () 是其正则表达式同应项的子集。基于字符串的路径按字面理解连字符 (-) 和点 (.)。
基于正则表达式的路由路径的示例:

此路由路径将匹配名称中具有“a”的所有路由。


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

此路由路径将匹配 butterfly 和 dragonfly,但是不匹配 butterflyman、dragonfly man 等。


app.get(/.*fly$/, function(req, res) {
res.send('/.*fly$/');
});

路由处理程序
您可以提供多个回调函数,以类似于中间件的行为方式来处理请求。唯一例外是这些回调函数可能调用 next('route') 来绕过剩余的路由回调。您可以使用此机制对路由施加先决条件,在没有理由继续执行当前路由的情况下,可将控制权传递给后续路由。

路由处理程序的形式可以是一个函数、一组函数或者两者的结合,如以下示例中所示。

单个回调函数可以处理一个路由。例如:


app.get('/example/a', function (req, res) {
res.send('Hello from A!');
});

多个回调函数可以处理一个路由(确保您指定 next 对象)。例如:


app.get('/example/b', function (req, res, next) {
console.log('the response will be sent by the next function ...');
next();
}, function (req, res) {
res.send('Hello from B!');
});

一组回调函数可以处理一个路由。例如:


var cb0 = function (req, res, next) {
console.log('CB0');
next();
}

var cb1 = function (req, res, next) {
console.log('CB1');
next();
}

var cb2 = function (req, res) {
res.send('Hello from C!');
}

app.get('/example/c', [cb0, cb1, cb2]);

独立函数与一组函数的组合可以处理一个路由。例如:


var cb0 = function (req, res, next) {
console.log('CB0');
next();
}

var cb1 = function (req, res, next) {
console.log('CB1');
next();
}

app.get('/example/d', [cb0, cb1], function (req, res, next) {
console.log('the response will be sent by the next function ...');
next();
}, function (req, res) {
res.send('Hello from D!');
});

响应方法
下表中响应对象 (res) 的方法可以向客户机发送响应,并终止请求/响应循环。如果没有从路由处理程序调用其中任何方法,客户机请求将保持挂起状态。

方法 描述
res.download() 提示将要下载文件。
res.end() 结束响应进程。
res.json() 发送 JSON 响应。
res.jsonp() 在 JSONP 的支持下发送 JSON 响应。
res.redirect() 重定向请求。
res.render() 呈现视图模板。
res.send() 发送各种类型的响应。
res.sendFile 以八位元流形式发送文件。
res.sendStatus() 设置响应状态码并以响应主体形式发送其字符串表示。

app.route()
您可以使用 app.route() 为路由路径创建可链接的路由处理程序。 因为在单一位置指定路径,所以可以减少冗余和输入错误。有关路由的更多信息,请参阅 Router() 文档。

以下是使用 app.route() 定义的链式路由处理程序的示例。


app.route('/book')
.get(function(req, res) {
res.send('Get a random book');
})
.post(function(req, res) {
res.send('Add a book');
})
.put(function(req, res) {
res.send('Update the book');
});

express.Router
使用 express.Router 类来创建可安装的模块化路由处理程序。Router 实例是完整的中间件和路由系统;因此,常常将其称为“微型应用程序”。

以下示例将路由器创建为模块,在其中装入中间件,定义一些路由,然后安装在主应用程序的路径中。

在应用程序目录中创建名为 birds.js 的路由器文件,其中包含以下内容:


var express = require('express');
var router = express.Router();

// middleware that is specific to this router
router.use(function timeLog(req, res, next) {
console.log('Time: ', Date.now());
next();
});
// define the home page route
router.get('/', function(req, res) {
res.send('Birds home page');
});
// define the about route
router.get('/about', function(req, res) {
res.send('About birds');
});

module.exports = router;

接着,在应用程序中装入路由器模块:


var birds = require('./birds');
...
app.use('/birds', birds);

此应用程序现在可处理针对 /birds 和 /birds/about 的请求,调用特定于此路由的 timeLog 中间件函数。
http://expressjs.com/zh-cn/guide/routing.html

 

node.js零基础详细教程(5):express 、 路由

第五章 建议学习时间4小时  课程共10章

学习方式:详细阅读,并手动实现相关代码

学习目标:此教程将教会大家 安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口,最后完成一个完整的项目后台,预计共10天课程。

 

express


Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。

其实可以简单的将express理解为node.js的一个类库:我们在使用javascript的时候,会使用到jQuery,我们可以同理将express理解为node.js的一个类库。

 

我们先创建一个文件夹用于放今天的代码。(我的示例代码放在exTest文件夹中)

在文件夹右键 --> 在此处打开命令行,然后输入 npm init初始化一下(中间有提示需要输入的地方,直接enter确定就可以)

执行完成之后,就会发现,该文件夹下多了一个 package.json的文件 。

到上图的地方就表示初始化完成了。

注:我们这里为什么要初始化呢,因为后面我们需要运行命令行安装 express,如果 没有初始化, 安装的 express就不会安装到当前目录,使用的时候就会有问题。

 

安装express 

注:这里的 express 和 3章中讲的express-generator是不同的概念,   express只是一个库,而express-generator是项目生成器,具体差别大家可以自己百度。

运行 npm install express

运行完成以后,会发现 exTest文件夹中多了个node_modules文件夹,内部就可以找到  express 模块 

 

然后我们在 exTest文件夹中创建一个js文件来写代码,我们先使用express创建一个服务,代码如下

复制代码
var express = require("express");
var app=express();
app.get('/',function(req,res){  // 这个  /表示当前根目录  访问的时候直接   localhost:3000
    res.end("hello world !");
})
app.listen(3000);
复制代码

代码解释: 和原生的http请求不同,这里首先引入 express模块

然后使用 express()即可直接创建一个服务,然后通过 get设置请求的路径 ,get接收两个参数,1、请求的路径("/" 表示当前路径,这就就算根目录),2、回调函数,回调函数包括两个参数(请求的对象,相应的对象),在回调函数内部,使用 end方法返回最后向页面返回的数据。

最后使用 app.listen监听3000端口。

当运行js之后,就可以通过浏览器访问 localhost:3000访问到服务了

文件如下:

运行结果如下:

浏览器访问结果:

 

修改上面的代码,我们多配置两个路径   /a  和  /b

复制代码
var express = require("express");
var app=express();
app.get('/',function(req,res){  // 注意,这里的当前路径
    res.end("just index !");
})
app.get('/a/index',function(req,res){  // 路径  /a
    res.end("you get a !");
})
app.get('/b',function(req,res){  // 路径  /b
    res.end("you get b !");
})

app.listen(3000);
复制代码

 

重新运行 后 通过浏览器访问,会发现不同的路径返回了不同的值。

 

 

着就是简单的路由配置了

练习:

1、在访问的回调函数中,使用前面讲的fs模块读取一个网页文件的内容,并返回给页面

 

静态资源访问

上面的方式能访问某个路径,但是具体需要返回的内容,得使用代码操作返回,如果我们想访问静态的资源,比如图片或某个网页的话,就需要配置静态资源路径

首先我们在 exTest文件夹中创建一个放置静态资源的文件夹,放入图片和网页(自己找几张图表几个网页放进去即可)

然后在 exTest中创建exTest02.js 文件

 写入下面代码

复制代码
1 var express = require("express");
2 var path = require("path");
3 var app=express();
4 
5 var files = express.static( path.join(__dirname,"files")  );  //设置静态资源路径
6 app.use(files); //use这个路径设置 才可以 真正使用  
7 
8 app.listen(3000);
复制代码

代码解释:1/2行引入了两个模块,3行生成一个服务,5行设置静态资源路径。参数中的 path.join方法可以将两个路径拼接成路径的字符串 , __dirname表示当前路径的名称。和 files拼接,就成成了  "D:\nodeTest\exTest\files" ,就可以访问到里面的图片和网页了。

6行表示将5行设置的静态资源路径使用到当前服务上。

执行 exTest02.js后,就可以通过浏览器访问静态资源了

访问图片:

访问网页文件:

 

这样就实现了静态资源的访问

 

使用express的Router实现路由的单独设定

前面讲的路由,只是简单的实现方式,下面将讲解,如何时候用express的Router来实现路由

通常我们真正开发的是,路由和入口文件是分开的,这里我们也分开写,首先创建两个js文件

exTest03.js为入口文件, router.js为路由文件

先编写exTest03.js

复制代码
 1 var express = require("express");
 2 var path = require("path");
 3 var router = require("./router.js");
 4 var app=express();
 5 
 6 var files = express.static( path.join(__dirname,"files")  );  //设置静态资源路径
 7 app.use("/",files); //使用静态资源
 8 app.use("/",router); //使用路由设置
 9 
10 app.listen(3000);
复制代码

上面除了引入了 express、path模块,还引入了 router模块(这个模块我们还没编写,下一步再编写),我们使用 app.use('/',router),当访问根目录(localhost:3000),就会进入router.js中的路径。

 

编写router.js,这里我们使用  express.Router()获得路由对象,然后给它绑定了三个路径监听,16行将rout使用接口暴露,这样当此模块被引入的时候,就可以使用该模块了

复制代码
 1 var express = require("express");
 2 var rout=express.Router();
 3 
 4 rout.get("/",function(req,res){
 5     res.send("首页");
 6 });
 7 
 8 rout.get("/edit",function(req,res){
 9     return res.redirect("/点击编辑.html");
10 });
11 
12 rout.get("/img",function(req,res){
13     res.send("<img src='timg01.jpg' />");
14 });
15 
16 module.exports = rout;
复制代码

三个路径解释:

当访问根目录的时候,返回首页

当访问 /edit 路的时候,将路径重新定位到“点击编辑.html”的文件路径,

res.redirect()表示重定向url,重定向后 url变为了  "http://localhost:3000/点击编辑.html"
这里 之所以能直接访问到页面,是因为exTest03.js中设置了静态资源的路径

 

当访问 /img 路径的时候,我们返回了一个图片标签,由于exTest03.js中设置了静态资源的路径,那么 我们直接设置图片标签 src='timg01.jpg' 即可访问静态资源中的这张图片了。

 

 

 

 

 

 好,今天就讲这么多,明天将讲解:数据库操作  mysql/mongodb。

http://www.cnblogs.com/chengduxiaoc/p/7003671.html

 

网友评论

登录后评论
0/500
评论
developerguy
+ 关注