初步认识express,并创建web服务器,挂载静态资源
2024-08-24 00:27:55
1.Express简介
1.1什么是Express
- 官方给出的概念:
Express
是基于Node.js
平台,快速、开放、极简的Web
开发框架,官方网址 - 相似用途:
Express
的作用和Node.js
内置的http
模块类似,是专门用来创建 Web 服务器的 Express
的本质:就是一个npm
上的第三方包,提供了快速创建 Web 服务器的便捷方法
1.2Express与Http内置模块的关系与区别
- 类似于浏览器中
Web API
和jQuery
的关系。后者是基于前者进一步封装出来的 http
内置模块用起来很复杂,开发效率低;Express
是基于内置的http
模块进一步封装出来的,能够- 极大的提高开发效率
1.3Express的功能用途
对于前端程序员来说,最常见的两种服务器,分别是:
Web
网站服务器:专门对外提供Web
网页资源的服务器。API
接口服务器:专门对外提供API
接口的服务器。
2.Express的基本使用
2.1安装
在项目所处的根目录中,打开cmd终端运行如下的命令,即可将 express 安装到项目中使用
npm i express@4.17.1
2.2创建基本的Web服务器
//1.导入 express
const express = require('express')
//2.创建 web 服务器
const app = express()
//3.调用app.listen(端口号,回调函数),启动服务器
app.listen(3000, () => {
console.log('服务器已开启于:http://127.0.0.1:3000')
}
2.3监听GET和POST请求,并返回数据给客户端
// 1.导入 express
const express = require('express')
// 2. 创建 web 服务器
const app = express()
// 4. 监听客户端的 GET 和 Post 请求,并向客户端响应具体的内容
// req:请求对象;res:响应对象
app.get('/user', (req, res) => {
// 调用 express 提供的 res.send() 方法,向客户端响应一个 JSON 对象
res.send({ name: 'zs', age: 20, gender: '男' })
})
app.post('/user', (req, res) => {
// 调用 express 提供的 res.send() 方法,向客户端响应一个文本字符串
res.send('请求成功')
})
// 3. 调用 app.listen(端口号, 启动后的回调函数), 启动服务器
app.listen(3000, () => {
console.log('running……')
})
2.4托管静态资源
express
提供了一个非常好用的函数,叫做 express.static()
,通过它,我们可以非常方便地创建一个静态资源服务器
const express = require('express')
const app = express()
// 在这里,调用 express.static() 方法,快速的对外提供静态资源
// 访问路径为相对路径,可以省略./
app.use(express.static('./public'))
//挂载路径前缀,前缀名自定义
app.use('/abc', express.static('static'))
app.listen(3000, () => {
console.log('running……')
})
最新文章
- E:“图片视频”的列表页(taxonomy-cat_media.php)
- JavaScript高级程序设计学习笔记--事件
- jQuery选择器方式-用的不多的name选择器
- mvc razor中renderPartial,RenderAction,Partial,Action的使用选择
- iOS 日常工作之常用宏定义大全
- Mac电脑AndroidStudio使用SVN进行版本控制
- winXP下安装opensshd服务
- 使用jQuery操作Cookies的实现代码
- 字符编解码的故事(ASCII,ANSI,Unicode,Utf-8区别)
- CodeForces 604D 【离散数学 置换群】
- MySql中PreparedStatement对象与Statement对象
- Jquery对选取到的元素显示指定的长度,对于的字符串用“...”显示
- Rails 执行 rails server 报错 Could not find a JavaScript runtime
- javascript作用域和闭包之我见
- php表单提交--文件
- Linux网络设备驱动(一) _驱动模型
- Ubuntu 发行版的 Linux 操作系统
- flask设置配置文件的四钟方式
- 10年java过来人聊聊自己的自学、培训和工作经历
- 《javascript设计模式与开发实践》阅读笔记(12)—— 享元模式
热门文章
- 3gcms导航,实现当前栏目高亮的办法
- 使用 FIO 对 Kubernetes 持久卷进行 Benchmark:读/写(IOPS)、带宽(MB/s)和延迟
- 一文让你彻底理解SQL的子查询
- LR虚拟用户已设置集合点,但controller无法设置集合点策略的解决方案
- PolarDB PostgreSQL 快速入门
- P6775-[NOI2020]制作菜品【贪心,dp】
- 揭秘:懂Python的测试员薪资到底有多高?
- 解决springboot 配置文件未映射静态资源文件 导致shiro拦截静态资源的问题
- Go的Select
- 8.JVM内存分配机制超详细解析