basic

1. Express介绍 #

Express是一个简洁、灵活的node.js Web应用开发框架,是目前最流行的基于Node.js的Web开发框架. 它提供一系列强大的功能，比如：

模板解析
静态文件服务
中间件
路由控制

还可以使用其他模块来帮助你创建各种Web和移动设备应用

2. 使用express #

本地安装

$ npm install express

获取、引用通过变量app我们就可以调用express的各种方法

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

app.listen(3000);

思考: express的本质上是什么，是如何工作的

3. get请求 #

根据请求路径来处理客户端发出的GET请求语法

app.get(path,function(request, response));

第一个参数path为请求的路径
第二个参数为处理请求的回调函数，有两个参数分别是
- request 代表请求信息
- response 代表响应信息

var express = require('express');
var app = express();
app.get('/',function(req,res){
    res.end('welcome to  首页');
});
app.get('/about',function(req,res){
 res.end('欢迎来到关于我们');
})
app.listen(3000);

4.curl客户端使用方法 #

指定请求头

curl -H 'content-type:application/json;charset=utf-8' http://localhost:8080/users

指定方法名

curl -X POST http://localhost:8080/users

指定请求体

curl --data "name=zfpx&age=8" http://localhost:8080/users

5. all #

app.all()函数可以匹配所有的HTTP动词路由中的星号能匹配所有的路径语法

app.all(path,function(request, response));

示例

var express = require('express');//引入express
var app = express();
app.all("*",function(req,res){
 res.send("404");
})
app.listen(3000);

6. 获取请求参数 #

req.host 返回请求头里取的主机名(不包含端口号)
req.path 返回请求的URL的路径名

app.get('/',function(req,res){
   res.end('欢迎来到首页'+req.host+" "+req.path);
});

7.获得查询字符串 #

//http://localhost:3000/?a=1&b=2&c=3
app.get('/',function(req,res){
   res.send(req.query);
});

8. params路径参数 #

req.params可以用来获取请求URL中的参数值

app.get('/:id/:name',function(req,res){
   res.send(req.params.id+" "+req.params.name);
});

9. 中间件 #

中间件就是处理HTTP请求的函数，用来完成各种特定的任务比如检查用户是否登录、检测用户是否有权限访问等，它的特点是:

一个中间件处理完请求和响应可以把相应数据再传递给下一个中间件
回调函数的next参数,表示接受其他中间件的调用，函数体中的next(),表示将请求数据传递给下一个中间件
还可以根据路径来区分进行返回执行不同的中间件

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

app.use(function(req,res,next){
 res.setHeader('Content-Type','text/plain;charset=utf-8');
 next();
});

app.get('/',function(req,res){
 res.end('首页');
});
app.get('/about',function(req,res){
 res.end('关于我们');
});

app.listen(3000);

10. send #

send方法向浏览器发送一个响应信息，并可以智能处理不同类型的数据并在输出响应时会自动进行一些设置，比如HEAD信息、HTTP缓存支持等等。语法

res.send([body|status], [body])

示例 1.当参数为一个String时，Content-Type默认设置为"text/html"。

res.send('Hello World'); //Hello World

2.当参数为Array或Object时，Express会返回一个JSON

res.send({ user: 'tobi' }); //{"user":"tobi"}
res.send([1,2,3]); //[1,2,3]

3.当参数为一个Number时，并且没有上面提到的任何一条在响应体里，Express会帮你设置一个响应体，比如：200会返回字符"OK"

res.send(200); // OK
res.send(404); // Not Found
res.send(500); // Internal Server Error

11.模板 #

在nodejs中使用express框架，它默认的是ejs和jade渲染模板

11.1 安装模板 #

npm install ejs

11.2 使用模板 #

使用ejs模板

//指定渲染模板文件的后缀名为ejs
app.set('view engine', 'ejs');
app.set('views',path.join(__dirname,'views'));
res.render('index');

index.ejs

<!DOCTYPE html>
<html>
<head>
  <title>My First EJS Template</title>
</head>
<body>
  <h1>Hello, <%= name %>!</h1>
</body>
</html>

模板使用html后缀

// 修改模板文件的后缀名为html
app.set( 'view engine', 'html' );
app.set('views',path.join(__dirname,'views'));
// 运行ejs模块
app.engine( '.html', require( 'ejs' ).__express ); //__express是ejs模块的一个公共属性，表示要渲染的文件扩展名

11.3 渲染视图 #

语法

参数view就是模板的文件名
在渲染模板时locals可为其模板传入变量值
callback用来处理返回的渲染后的字符串

res.render(view, [locals], callback);

11.4 模板原理 #

var tmpl = '<h1>{{name}}</h1><h1>{{age}}</h1>';
var data = {name:'zfpx',age:30};
var html= tmpl.replace(/\{\{(\w+)\}\}/g,function(input,group){
    return data[group];
})

console.log(html);

12. 静态文件服务器 #

如果要在网页中加载静态文件（css、js、img），就需要另外指定一个存放静态文件的目录，当浏览器发出非HTML文件请求时，服务器端就会到这个目录下去寻找相关文件

app.use(express.static(path.join(__dirname,'/')));

13. 重定向 #

redirect方法允许网址的重定向，跳转到指定的url并且可以指定status，默认为302方式。语法

res.redirect([status], url);

示例

res.redirect("http://www.baidu.com");

14. post请求 #

post方法根据请求路径来处理客户端发出的Post请求语法

app.post(path,function(req, res));

示例

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
// 设置body-parser中间件以解析请求体
app.use(bodyParser.urlencoded({ extended: true }));
app.get('/login', (req, res) => {
  res.send(`
    <form action="/login" method="post">
      <input type="text" name="username" />
      <input type="submit" value="提交" />
    </form>
  `);
});

app.post('/login', (req, res) => {
  res.cookie('username', req.body.username);
  res.redirect('/user');
});

app.get('/user', (req, res) => {
  if (req.cookies && req.cookies.username) {
    res.send(req.cookies.username);
  } else {
    res.redirect('/login');
  }
});
app.listen(8080, () => {
  console.log('Server is running at http://localhost:8080');
});