nodeJS从入门到进阶二（网络部分）

一、网络服务器

1、http状态码

1xx: 表示普通请求，没有特殊含义

2xx：请求成功

• 200：请求成功

3xx:表示重定向

• 301 永久重定向
• 302 临时重定向
• 303 使用缓存（服务器没有更新过）

4xx:无法访问

• 403：无法访问
• 404：资源找不到

5xx：服务器有错

• 500：服务器代码有错
• 502：网关或代理服务器出错
• 503：服务器已崩溃

状态码使用

res.writeHead('状态码'，'响应头对象')

2、响应头

响应头：

• Content-Type：响应的文件类型（MIME类型）
  • 注意：未指定响应文件内容是，默认是html；编码格式默认是系统编码
• Content-Length: 响应内容的长度 （数字）
• Access-Control-Allow-Oragin:"*" //设置跨域

设置响应头

{
	'Content-Type':'text/html;charset=utf-8'
}

3、MIME类型：

什么是MIME类型？

• Multipurpose Internet Mail Extensions多用途互联网邮件扩展类型
• 可以认为是文件类型的表述

常用的MIME类型有哪些？

• .txt-------------text/plain
• .html-------------text/html
• .css-------------text/css
• .js-------------text/javascript
• .png-------------image/png
• .jpg-------------image/jpeg
• .gif-------------image/gif
• .json-------------text/json 以前 application/json
• .xml-------------text/xml
• .pdf-------------application/pdf
• .zip-------------application/x-gzif
• .mp3-------------audio/mpeg
• .mp4-------------video/mpeg

4、制作静态网页服务器

使用nodeJS搭建一个最基本的服务器

var http = require('http');
var path = require('path');
var server = http.creareServer();
server.on('request',function(req,res){
    //配置访问不同的url
    if(req.url==='/'){
        //根据请求文件的后缀通过path模块得到，可以设置不同的MIME类型
        res.writeHead(200,{
            "content-Type":"text/html;charset=utf-8;"
        })
        res.write('<h1>响应内容<h2>')
        res.end();
    }
})
server.listen(80,function(){
    console.log('server is running.....');
})

5、接收get和post方式的传值

get方式客户端同过url传值

• nodeJS接收使用req.url取值

post方式客户端通过表单传值

• nodeJS接收使用获取流的方式取值

req.on('data',(a)=>{
    //定义传过来的数据
    let query ='';
    query+=a;
})
req.on('end',()=>{
    //完成
    res.write('<h1>传递的参数为：'+query+'</h1>');
    res.end();
})

二、express框架

1、express介绍

express是一个基于node.js 的极简、灵活的web应用开发框架，可以实现强大的web服务器功能

Express 框架核心特性:

• 可以设置中间件响应或过滤http请求
• 可以使用路由实现动态网页，响应不同的http请求
• 内置支持ejs模板（默认是jade模板），实现模板渲染生成html

express-generator生成器

• 是express官方团队为开发者准备的一个快速生成工具，可以快速的生成一个基本的express开发

2、express安装

安装express-generator生成器

• cnpm i -g express-generator //安装完成后可以使用express命令
• express -e 项目名称 //创建项目 (e表示使用ejs模板)
• express -e //手动创建项目
• cnpm i //安装依赖
• 启动项目
  • node app //需要手动添加监听端口的代码
  • npm start //自动查找node ./bin/www
  • node ./bin/www //开启项目
• localhost:3000 //测试项目

安装nodemon插件

由于项目每次修改内容，需要重新启动项目，非常麻烦，借助第三方模块实现不用重启也能自动更新的效果

• npm i -g nodemon //安装到全局
• npm i -D nodemon //安装到当前项目
• 使用：把node 替换为 nodemon 执行js文件

目录说明

• bin 可执行文件目录
• node_modules 依赖包目录
• public 静态文件根目录
  • 所有金泰文件都放在这个目录下html,css,js,图片，字体，视屏等资源
• routes 路由模块目录,动态文件的目录
  • 优先找静态文件，如果没有静态存在则找动态路由，如果没有，就404（根据app.js中间件条用顺序而来）
• views 视图目录，用来存放所有ejs模板

文件

• app.js 项目的主文件,对整个项目的所有资源进行统筹的安排
• package.json 项目的描述文件，声明项目名称，版本，依赖等

3、express路由（重要）

• 接收用户请求，处理用户数据，返回结果给用户的一套程序，可以理解为生成动态网页的程序
• 后端路由的核心：URL

express的路由

express对象自带有一个Router类，可以实例化出路由对象，可以在改对象上挂载非常多的路由节点，写法如下：

创建一个独立的路由模块

• 需求：创建一个vip路由模块，接收vip目录下的所有需求，响应数据
  • 1）在routes目录下创建一个vip.js的路由模块
  • 2）编写路由模块代码

  var express = require('express'); //引入express模块
  var router = express.Router();//实例化路由对象
  //编写路由挂在到路由对象上
  router.get('/list.html',function(req,res){
      res.send('数据');
  })
  module.exports = router; //暴露路由对象
  

  • 3）将编写好的路由模块引入到主模块app.js中，由主模块分配对应的请求到该模块去处理

  var vip = require("./routes/vip.js");//引入vip路由模块
  app.use("/vip",vip);//分配vip目录下的请求给vip路由去处理
  

路由的区分

• 大路由(总路由)：app.js 负责接所有请求，对请求进行分配
• 小路由(分路由)：/routes下面的所有路由模块，只负责处理自己管理的目录下的请求

4、express响应对象（res）

• 响应对象是服务器向客户端响应数据的对象，包含了所有要响应的内容

响应对象的方法

• res.send();//【重点】返回任意类型的数据给客户端，有以下注意事项：
  • 如果返回一个数字，会当成是状态码，会报错
  • send方法只能出现一次，重复无效，并且会报错
• 设置状态码并返回内容，支持链式调用

res.status(200).send('任意内容')

• res.json(); //返回JSON数据，自动设置响应头
• res.render(); //【重点】模板渲染，自动拼接数据，发给浏览器

res.render('模板名称','模板数据')

• res.redirect('目标');重定向，可以实现跳转
• res.set(); //【重点】设置响应头

5、express请求对象（req）

客户端向服务端发送数据的对象，包含请求头和请求体

接收get方式的传值

• 语法：req.query.参数名

接收post方式的传值

• 语法：req.body.参数名

匹配URL网址上的数据（匹配模式）

• 在接请求的地方去匹配，在通过语法进行接收，实现伪静态
• 语法：req.params.参数名

6、中间件

什么是中间件？

是一个函数，位于客户端和路由之间，可以访问请求对象和响应对象，也可以调起下一个中间件

自定义中间件

app.use(function(request, response, next) {
    // 对request和response作出相应操作
    // 操作完毕后返回next()即可转入下個中间件
    next();
})

伪函数 next()

• 如果中间件不调用next()函数，整个请求响应流程中止，不在向后执行
• 调用函数相当于调用下一个中间件，执行完以后自己的函数继续执行