【node进阶】深度解析之Express框架入门_express框架 promise

从这篇文章我们可以说是真正的进入node了，前面的文章是基础，也可以理解为小打小闹，但是从本篇开始，将进入node的框架式学习，我们在基于node写项目的时候不是把内置模块引来引去，而是基于框架提高开发效率！

📃目录

• 初始express
• • 什么是express
    • 加深理解express
    • express能干啥？
• express基本使用
• • 安装express
    • 创建基本的web服务器
    • 监听get请求
    • 监听post请求
    • 将内容响应给客户端
    • 获取url中携带的查询参数
    • 获取url中的动态参数
• 托管静态资源
• • express.static()
    • 托管多个静态资源目录
    • 挂载路径前缀
• nodemon
• 小结

初始express

什么是express

官方解释：基于 Node.js 平台，快速、开放、极简的 Web 开发框架

官方的解释转化成通俗的话来理解就是：express与node的内置模块http相似，是专门用来创建web服务器的

express本质：express其实就是npm上的一个第三方包，这个包提供了快速创建web服务器的便捷方法(少写了代码，提高了开发效率)

express官网:👉https://www.expressjs.com.cn/👈

加深理解express

在这里黑马哥让大家去思考了三个问题：

1. 不使用express能否创建web服务器？

能，使用node.js的内置模块http即可

2. 既生瑜何生亮(有了http模块，为啥还要用express？)

http 内置模块用起来很复杂，开发效率低；Express 是基于内置的 http 模块进一步封装出来的，能够极大的提高开发效率。

3. http内置模块与express有什么关系？

类似于浏览器中 Web API 和 jQuery 的关系。后者是基于前者进一步封装出来的。

express能干啥？

对于前端的程序员来说，最常见的服务器有两种,分别是:

1. web 网站服务器 ：专门对外提供web网页资源的服务器(例如：apcahe、iis)。
2. api 接口服务器 ： 专门对外提供api接口的服务器(例如：专门给前台提供数据的接口)。

express基本使用

安装express

只需一行代码：npm install express --save 只要不报错就安装成功了.

创建基本的web服务器

在这里三个步骤拿下：

1. 引入express，用我们的老搭档(express)
2. 创建web服务器，直接调用express()
3. 调用listen(),启动服务器！

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

app.listen(80, () => {
  console.log('express server running at http://127.0.0.1')
})

监听get请求

通过app.get()方法，可以监听到客户端的GET请求，具体代码如下：

app.get('/user',(req,res)=>{
    res.send({name:'james',age:37,gender: '男'})
})

发出get请求后，我们收到服务端的响应，接收到了一个对象，对象中的属性响应给了客户端，客户端可以取出。

监听post请求

通过 app.post() 方法，可以监听客户端的 POST 请求，具体代码如下：

app.post('/user',(req,res)=>{
    res.send('请求成功')
})

发送post请求，响应回来的不仅可以有属性，也可以返回来字符串

将内容响应给客户端

不论是app.get()还是app.post()都会返回客户端一些信息，可以通过res.send()来接收服务端返回的信息

获取url中携带的查询参数

通过 req.query 对象，可以访问到客户端通过查询字符串的形式，发送到服务器的参数：

app.get('/',(req,res)=>{
	//客户端可以采取 ?username=zs&age=20的形式,发送到服务器的参数
	//可以通过req.query 对象访问到
    console.log(req.query);
    res.send(req.query)
})

如果我们想获取req.query对象中准确的信息，可以采用req.query.username和req.query.age来获取

获取url中的动态参数

通过 req.params 对象，可以访问到 URL 中，通过 : 匹配到的动态参数：

app.get('/user/:id/:name',(req,res)=>{
    console.log(req.params);
    res.send(req.params)
})

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！