nodejs---->express

1express概述( node.js Web应用框架)

思路：会用express来建立node项目,动动小手！

(1)express是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用。 我们可以使用他来构建一个静态的webserver和流行的apiserver。 (2)Express 框架核心特性： 1:可以设置中间件来响应 HTTP 请求。 2:定义了路由表用于执行不同的 HTTP 请求动作。 3:可以通过向模板传递参数来动态渲染 HTML 页面

2安装cnpm,yarn

npm i cnpm -g npm i yarn -g

3使用 generator生成器 初始化node项目

(1)安装express库和生成器

命令: cnpm i express -g cnpm i express-generator -g 解释： 上面里两个模块分别表示库和生成器，在express3时，安装express会自动的给你安装生成器express-generator ，但是在express4时，他们就被分开了，所以需要分别安装。 安装好后可以通过命令：express --version 检查是否安装成功

(2)使用express生成器自动创建express项目步骤

桌面下创建mypro2

cmd （交互模式下） cd C:\Users\XXXXXX\Desktop\（跳到桌面） express mypro2 （桌面生成mypro2项目） cd mypro2 （进入mypro2中） cnpm install （将项目拖进vscode/或者Git:code.打开，然后安装相应的模块） cnpm start （运行） 浏览器中查看结果：127.0.0.1:3000

项目目录解析

bin：存放可执行文件 public：存放 image、css、js 等文件 routes：存放路由文件 views：存放视图文件或者说模版文件 app.js：启动文件，或者说入口文件 package.json：存储着工程的信息及模块依赖，当在 dependencies 中添加依赖的模块时，运行 npm install，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块 node_modules：存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后存放在这个文件夹下

运行结果

4 express知识点

①Express之路由

我们在浏览器地址栏上写不同的路径会被认为是向服务端发起了不同的网络请求，然后服务器为了针对不同的请求做出不同的响应，就使用了路由，从而能也就出现了我们所看到的现象。

`去浏览器输入相应路径即可看到效果

① 中间件`

<!---------> 1什么是中间件？ 在请求开始到请求结束的中间，可以通过一定的方式插入你想要执行的逻辑代码，那么这些被插入的代码就是中间件。 2这些中间件可以做啥？ 对此用户的请求做身份验证；（后面要学的token,session验证等） 对请求做出的参数注入； 甚至是最简单的日志打印； 3express中的用法：app.use()里就可用中间件

1》中间件实现token验证身份

/**********中间件验证token身份************/ //在app.js里书写中间件代码 app.use("*", function (req, res, next) { var obj = req.query;//获取get请求参数 console.log(obj) var token = obj.token; if (token) { console.log("请求通过"); next(); } else { console.log("请求false"); res.send("身份校验失败"); } })

2》fetch请求：只允许get请求

fetch("http://127.0.0.1:3000/users/login").then(function (d) { return d.json(); }).then(function (d) { console.log(d) }) //结果 [{…}, {…}, {…}] 0: {name: "dsj"} 1: {name: "gaga"} 2: {name: "ahh"}

① 模板引擎--jade

jade是一个模板引擎，能够创建模板文件，一般用于服务端渲染页面. 创建一个views文件夹，里面全就是jade模板文件，这express内置的. (以前前后端完全没有分离的时候用，现在不用，做个了解)

`渲染流程如下：用户请求–》路由规则—》路由文件—》读取jade模板—》渲染 #### 5 使用express来构建静态服务器（webserver）

1使用express来构建一个静态的webserver及其的简单，我们甚至只需要使用它的一小部分功能即可完成 2刚才使用generator生成的项目目录如下

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y0vbgowJ-1573213289483)(.\images\项目目录.png)]

（1简单操作）直接把public里的东西删掉换成自己项目中的dist下的文件运行即可

（2）规范操作

目录改造 1.把routes删除掉---它常用于构建apiserver(api服务器) 2.把views删除掉---它常用于做一些模板渲染操作 3.然后把app.js中和routes相关的代码删除掉 4.将你的项目代码放入到public里面 5.运行即可看到效果

5 使用express来构建（apiserver）

后面加上，，等等