第三阶段 vue day12

node.js

1. 了解

- Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行环境

- 由 Ryan Dahl 使用 C++ 语言编写的。并在 2009年 推出第一个版本

2. 全局对象

    - nodejs 全局对象是 global

    -  js     全局对象是 window

3. 搭建一个web服务

    - 引入 node 内置模块 http  --> 通过require函数 ---commonjs模块化

    - 创建http服务 --> 使用 http.createServer 函数

        - 设置状态码与响应头  

        - 响应数据  

        - 结束响应  

    - 监听端口  

4. get 请求

    - 处理/favicon.ico 请求

    - 处理字符串--> 变成字符串

5. post 请求

    获取post请求体的参数

    1. 定义一个字段来接收

    2. 监听 req.on('data') 数据传输过程

    3. 监听 req.on('end')  数据传输完毕

6. 输出HTML/js/css/图片内容(只是路径不一样)

    path ---- 处理路径相关

        - path.resolve()   -- __dirname  当前运行的文件所在文件夹的绝对路径

        __filename 当前运行的文件的路径

    fs   ----  操作文件

        - fs.readFile 异步的

            + 第一个参数 是路径

            + 第二个参数  编码格式

            + 第三个参数  回调函数(先处理错误函数)

            + 注意： nodejs 错误处理优先

        - fs.readFileSync 同步

 

7. 打包工具

- Grunt,Gulp,Fis3,Webpack

8. nodemon

- nodemon 是一款 npm 包

可以让我们启动 node 服务时，自动监听代码的修改，如果代码有修改会自动重新运行服务，不需要我们停掉再重新运行

- 如何使用

    1. 全局安装

    npm install -g nodemon

    2. 安装完成之后，使用 nodemon 命令 去替换你启动服务时用的 node 命令

9. 框架

- express

- koa

- egg

- nestJs

- adoninjs

10. express

    安装

        - npm init -y

        - npm install express

   使用步骤

        1. 引入 express

        2. 创建 app

       

 `const app = express();`

        3. 给第二步中的服务 app 绑定路由   

 ```js

    app.get("/abc", (req, res) => {

    // TODO...

    // req 是经过 express 处理了的 request 对象

    // res 是经过 express 处理了的 response 对象

    console.log("/abc");

    res.send("123123");

    });

    ```

 注意：

        1. 回调函数（处理函数）可以写多个

        2. 前一个如果执行了 next 就可以进入下一个

        3. 如果前面响应了，再响应就会报错，只能有一个

 处理路由

        - app.use(path,[...handler])  中间件

        - 如果请求地址以path开头的话，不管什么请求都会进入到这个处理函数中

        - 一般放在最前面，且路劲是"/"  (有顺序要求的)

get与post参数获取

        - req.query 能获取到 url地址上 ？号传递过来的参数

        - res.body 可以获取到post传过来的值           

```js

// 注册中间件 下面这两行代码能让 req.body 有值，而不是 undefined

app.use(express.json());

app.use(express.urlencoded());

 ```

        - req.params 动态路由传递参数           

app.get("/posts/:id", (req, res, next) => {

 res.send(`posts ${req.params.id}`);

});

   express拆分路由

        1. 拆分一个js文件

            - 引入express

            - 调用 express.Router() 得到一个 router 实例

            `const router = express.Router();`

            - 路由注册相关的代码，注册到这个 router 实例上

            - 导出这个 router 实例         

  ```js

            // 用来处理 文章相关的路由



            // 1. 引入 express

            const express = require("express");



            // 2. 调用 express.Router() 得到一个 router 实例

            const router = express.Router();



            // 3. 将 路由注册相关的代码，注册到这个 router 实例上

            // 获取所有的文章

            router.get("/", (req, res) => {

            res.send("获取所有的文章");

            });

            // 新增一篇文章

            router.post("/", (req, res) => {

            res.send("新增一篇文章");

            });

            // 删除一篇文章

            router.delete("/:id", (req, res) => {

            res.send("删除一篇文章");

            });

            // 更新一篇文章

            router.put("/:id", (req, res) => {

            res.send("更新一篇文章");

            });



            // 4. 不要忘了导出这个 router 实例

            module.exports = router;

            ```

        2. 使用

            - 引入拆分出去的 router 实例

            - 注册         

  ```js

            const express = require("express");



            const app = express();



            // 引入拆分出去的 router 实例

            const postsRouter = require("./routes/posts.js");

            const usersRouter = require("./routes/users.js");



            // 注册

            app.use("/posts", postsRouter);

            app.use("/users", usersRouter);



            // RestfullAPI



            app.listen(3000);

            ```

        3. req与res

            - 获取cookie的值

                0. npm install cookie-parser

                1. 引入cookie-parser

                2. 注册中间件

                3. req.cookies 获取cookie值

            - req.get(xxx) 获取请求头中 xxx 字段的值

            - res.redirect("/") 重定向

            - res.cookie("","") 写入cookie值

            - res.sendFile 获取文件

        4. 中间件

            - 用处：

                1. 执行任何代码

                2. 更改请求和响应对象

                3. 结束请求-响应周期

                4. 调用堆栈中的下一个中间件

            - 用法：

                1. 全局使用             

   ```js

                app.use((req, res, next) => {

                    console.log('Time:', Date.now())

                    next()

                })

                ```

                2. 针对某个路径使用             

  ```js

                app.use('/user/:id', (req, res, next) => {

                    console.log('Request Type:', req.method)

                    next()

                })

                ```

request

1. req.query：获取 query 参数（问号传参）
2. req.body：获取 body 参数（请求体传参，需要配置 express.json() 与 express.urlencoded()）
3. req.params：获取 params 参数（动态路径传参）
4. req.cookies：获取 cookies 数据（需要配置 cookie-parser ）
5. req.get(field)：获取指定的请求头数据

response

1. res.send([body])：发送 HTTP 响应。body 参数可以是 Buffer 对象、String、Object、Array 类型
2. res.status(code)：设置 HTTP 状态码
3. res.json([body])：发送 HTTP 响应。JSON 格式
4. res.redirect([status,] path)：重定向到 path 路径，status 默认为 302
5. res.cookie(name, value [, options])：设置 cookie 
6. res.clearCookie(name [, options])：删除指定 cookie
7. res.sendFile(path [, options] [, fn])：传送指定路径的文件
8. res.set(field, value)：设置响应头
9. res.set({ field1: value1, field2: value })：同时设置多个响应头