持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情

Express-学习之路 01，介绍与安装

引言

本系列会以我的一个理解，来介绍并开始学习 Express。

中间会插入自己所联系到的 乱七八糟 的 知识点。

介绍

Express 是基于 node 的一个 web 服务器

与传统的 python，java，golang 等语言相比，作为前端开发，想要快点接触后端方面，又不想学习新语言，就可以通过 node 来进行学习。

那么经典的 node 服务器，就是 Express。当然也可以使用它来构建一个 接口服务。

安装

创建一个新的文件夹，进入后输入下面命令，进行安装

npm init

npm i express

安装后，我们在与 package.json 同目录下创建一个 app.js 文件 和 config.js 文件，分别作为入口文件 和 配置文件。

编写 app.js 文件代码

const express = require('express')
const config = require('./config')

// 获取 express 的应用实例
const app = express()

// 添加路由
app.get('/', (req, res) => {
  res.send('hello Express')
})

app.listen(config.port, () => {
  console.log(`http://localhost:${config.port}/`)
})

• 这里讲解下添加路由这一块

  • app.get： 代表的是监听客户端的 get 请求

  • '/'： 代表的是客户端请求的路由是否为 '/'，如果是的话，则会调用后面的函数方法。函数的两个参数分别为 req 和 res

    • req：代表的是，客户端的相关信息

      • node 的 http.IncomingMessage
      • express 的 Requset

    • res：代表的是，服务端处理完请求，要准备给客户端响应的东西

      • node 的 http.ServerResponse

      • express 的 Response

编写 config.js 文件代码

const config = {
  port: 8089
}

module.exports = config

通过命令行来启用 web 服务器 nodemon ./app.js

点击后，可以看到页面 有我们编写的响应结果，也可以在浏览器的控制台，查看相关请求和响应的结果。

扩展知识点

通过这张图，可以看到我们的响应内容比较简单

• 没有 强缓存 的字段

• 没有 服务端压缩 Content-Encoding:gzip 字段

• 没有 传输编码分块 Transfer-Encoding:chunked 字段

• 没有 Vary: Accept-Encoding 字段，与 CDN 有关

• 以及 Set-Cookies 信息

总结

学习了 Express 的 web 服务器 的相关信息，以及安装和简单的使用。