【node】Express

本文介绍如何使用Express.js创建Web服务器,包括安装、监听GET/POST请求、获取URL参数及托管静态资源等内容。

一、Express的基本使用

1、安装

npm i express@4.14.1

2、创建基本的Web服务器

//1、导入express
const express = require('express')
//2、创建web服务器
const app = express()
//3、启动web服务器
app.listen(80,()=>{
    console.log('express server running at http://127.0.0.1');
})

3、监听get、post请求

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('请求成功')
})

4、获取URL中的固定参数

app.get('/',(req,res)=>{
    //通过req.query可以获取到客户端发送过来的 查询参数
    //注意:默认情况下,req.query是一个空对象
    res.send(req.query)
})

5、获取URL中的动态参数

app.get('user/:id',(req,res)=>{
    //req.params默认是一个空对象
    //里面存放着通过 : 动态匹配的参数值
    console.log(req.params);
})

二、托管静态资源

1、express.static()

        快速的对外提供静态资源

app.use(express.static('public'))

2、挂载路径前缀

如果希望在托管的静态资源访问路径之前,挂载路径前缀,则可以使用如下的方式:

app.use('/public',express.static('public'))

三、nodemon

npm install -g nodemon

监听代码的变化,会自动重启服务器。

### Node.js与Express框架简介 Express 是一个基于 Node.js 平台的快速、无开销且极简的 web 开发框架,它提供了一系列强大的特性来帮助构建 web 应用和 API[^1]。由于 Express 使用 JavaScript 编写并运行于 Node.js 环境中,因此能够使用同一种编程语言——JavaScript完成从前端到后端的整体开发。 ### 安装Express包 为了开始使用 Express 构建应用程序,首先需要安装 express 包。这可以通过 npm(Node Package Manager)实现: ```bash npm install express ``` 此命令会下载并安装最新版本的 Express 及其依赖项至当前项目目录下的 `node_modules` 文件夹内[^4]。 ### 创建简单的Web服务器 下面是一个创建简单 HTTP 服务器的例子,在访问 `/home` 路径时返回 "Hello Express": ```javascript // 导入express模块 const express = require('express'); // 创建应用对象 const app = express(); // 设置路由规则 app.get('/home', (request, response) => { response.send('Hello Express'); }); // 监听指定端口启动服务 app.listen(8080, () => { console.log('Server is running on port 8080.'); }); ``` 这段代码定义了一个 GET 请求处理器函数用于处理来自客户端对于路径 `/home` 的请求,并向浏览器发送字符串 `"Hello Express"`作为响应内容;最后让服务器监听本地计算机上的 8080 端口等待连接到来。 ### 配置模板引擎-EJS 为了让网页更加动态化,通常会选择配置一个视图渲染器比如 EJS(Easy JavaScript Templating),这样就可以更方便地生成 HTML 页面了: ```javascript // 设置默认使用的模板引擎为ejs app.set('view engine', 'ejs'); // 当收到根路径(/)的GET请求时读取views文件夹中的index.ejs文件并传递变量给页面显示 app.get('/', function(req, res){ res.render('index', { title: 'My Website' }); }); ``` 这里假设有一个名为 `index.ejs` 的模板位于项目的 views 文件夹里,当用户访问网站主页的时候就会加载这个模板并将 `{title}` 替换成实际传进去的内容[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值