零基础专栏，从安装到实战：用Express快速编写接口

小白专栏，从安装到实战：用Express快速编写接口

安装Express

npm install express --save

可选：安装nodemon：
功能：修改代码时，自动重启项目

npm install -g nodemon

使用 nodemon：

nodemon '执行文件的路径'

使用Express

最基本的一个例子：

1. 监听Get和Post请求
2. 服务端发送响应内容给客户端

// 导入Express
const express = require('express')

// 创建web服务器
const app = express()

// 监听get请求
app.get('/自定义请求路径', (req, res) => {
    res.send({ tips: 'get请求到的一些JSON数据' })
})

// 监听post请求
app.post('/自定义请求路径', (req, res) => {
    res.send({ tips: 'post请求到的一些JSON数据' })
})

// 启动web服务器
app.listen(8080, () => {
    console.log('✨服务已启动')
})

监听客户端的请求参数：

// 监听query参数 (请求地址：http://localhost:8080?name=ulrich)
app.get('/', (req, res) => {
    console.log(req.query);
    res.send({})
})

// 监听动态参数 (请求地址：http://localhost:8080/12345)
app.get('/:id', (req, res) => {
    console.log(req.params);
    res.send({})
})

// ------------------------
// 通过express.json()这个中间件，来解析表单中的json数据
app.use(express.json())

app.post('/',(req,res)=>{
    console.log(req.body)
    res.send({})
})

静态资源的处理：

// 访问地址：http://localhost:8080/myWeb
/**
 * 服务端静态资源目录结构：
 * --| myWeb
 *   | --| index.html
 */
app.use('/myWeb',express.static('./myWeb'))

1. app.use() 的作用是用来注册全局中间件
2. 模版代码：Express模块化路由快速入门
3. 模版代码：Express 中间件快速入门
4. Express 中间件的分类
5. Express监听req的data事件和end事件
6. …更多笔记更新中

*笔记对应的视频链接：黑马程序员Node.js全套入门教程

---

🍪 零散知识点：

1. Express使用cors中间件解决接口跨域问题

1. 安装cors中间件

npm i cors

2. 一定要在路由之前配置cors中间件，从而解决跨域问题

const cors = require('cors')
app.use(cors)