Express.js 中动态路由解码：path-to-regexp介绍

1. path-to-regexp：将路径转化为模式

path-to-regexp 是一个 Node.js 工具，用于将路径字符串转换为正则表达式。它在像 Express.js 这样的网络框架中广泛用于处理动态路由。

主要功能及代码示例：

  1. 将路径转换为正则表达式：

    • 它将带有参数的路径字符串转换为正则表达式。

    • 例如，路径字符串 '/user/:name' 可以如下转换：

const pathToRegexp = require('path-to-regexp');// 将路径字符串转换为 RegExp
const path = '/user/:name';
const regexp = pathToRegexp(path);
console.log(regexp); // 输出: /^\/user\/(?:([^\/]+?))\/?$/i

提取参数：

  • 路径字符串中的命名参数（如 :name）会被生成的 RegExp 捕获。

  • 使用 RegExp 从 URL 中提取参数值：

const match = regexp.exec('/user/john');
console.log(match[1]); // 输出: 'john'

定制化：

  • 可以通过选项自定义行为，如严格模式、结束敏感性和自定义参数模式。

  • 带有自定义参数模式的示例：

const customPath = '/user/:name(\\d+)';
const customRegexp = pathToRegexp(customPath);
console.log(customRegexp); // 输出匹配 '/user/' 后的数字的 RegExp

2. 与 Express.js 的关系

在 Express.js 中，path-to-regexp 是路由定义机制的基础。Express.js 使用这个包来解析开发者定义的路由字符串，实现基于 URL 模式的动态路由。

3. 在Express.js 中的作用

在 Express.js 中，开发者编写的路由模式会被 path-to-regexp 自动处理。以下是它的典型用法：

  1. 定义动态路由：

    • Express.js 的路由定义可以包括参数化路径：

const express = require('express');
const app = express();// 定义动态路由
app.get('/user/:userId', (req, res) => {const userId = req.params.userId;res.send(`用户 ID: ${userId}`);
});

  1. 内部处理：

    • Express.js 内部使用 path-to-regexp 将路径字符串 '/user/:userId' 转换为正则表达式。
    • 然后使用此正则表达式匹配传入的请求 URL。

  2. 动作中的参数提取：

    • 当对 /user/123 发出请求时，Express 会将其与 RegExp 匹配，提取 123 作为 userId，并在 req.params 对象中提供。
    • 然后执行路由处理程序，使用提取的 userId。

path-to-regexp 与 Express.js 的无缝集成使其能够提供一种强大且直观的动态路由处理方式，成为基于 Express 的网络应用的基石。

4. 模仿 path-to-regexp功能

创建 path-to-regexp 的简化版本，展示了其核心功能：

  1. 路径字符串到 RegExp 的转换：

    • 将像 '/user/:userId' 这样的路径字符串转换为 RegExp。
    • :userId 应该被替换为匹配任何字符串的正则表达式模式。

  2. URL 匹配和参数提取：

    • 使用生成的 RegExp 匹配 URL。
    • 从 URL 中提取 userId 的值。

代码：

function convertPathToRegExp(path) {const parameterPattern = /:([A-Za-z0-9_]+)/g;let match;const parameterNames = [];let newPath = path;// 提取参数名称并将其替换为正则表达式模式while ((match = parameterPattern.exec(path)) !== null) {parameterNames.push(match[1]);newPath = newPath.replace(match[0], '([^/]+)');}// 从新路径创建 RegExpconst regex = new RegExp(`^${newPath}$`);return { regex, parameterNames };
}function matchUrl(url, { regex, parameterNames }) {const match = regex.exec(url);if (!match) return null;// 提取参数值const params = {};parameterNames.forEach((name, index) => {params[name] = match[index + 1];});return params;
}// 示例用法
const path = '/user/:userId';
const { regex, parameterNames } = convertPathToRegExp(path);// 测试 URL
const url = '/user/12345';
const params = matchUrl(url, { regex, parameterNames });console.log('匹配的参数:', params); // 输出: { userId: '12345' }

代码解释

  • convertPathToRegExp 函数将带有命名参数（如 :userId）的路径字符串转换为 RegExp 对象，并跟踪参数名称。
  • matchUrl 函数接受一个 URL 和 convertPathToRegExp 返回的对象，将 URL 与 RegExp 匹配，并提取参数值。

此demo说明了 path-to-regexp 功能的本质：将路径模式转换为正则表达式并从 URL 中提取参数。这是一个简化版本，缺少实际 path-to-regexp 包的许多功能，如复杂的参数模式、可选参数和参数的自定义正则表达式模式。在生产中，建议使用更加健壮和功能丰富的实际 path-to-regexp 包。

English version: Decoding Dynamic Routes in Express.js: The Power of path-to-regexp

1. Unveiling path-to-regexp: Transforming Paths into Patterns

path-to-regexp is a Node.js utility for converting path strings into regular expressions. It's widely used in web frameworks like Express.js for handling dynamic routing.

Key Functionalities with Code Examples:

  1. Convert Paths to Regular Expressions:

    • It translates path strings with parameters into regular expressions.

    • For example, a path string '/user/:name' can be converted as follows:

const pathToRegexp = require('path-to-regexp');// Convert a path string to a RegExp
const path = '/user/:name';
const regexp = pathToRegexp(path);
console.log(regexp); // Outputs: /^\/user\/(?:([^\/]+?))\/?$/i

Extracting Parameters:

  • Named parameters in the path string (like :name) are captured by the generated RegExp.

  • Use the RegExp to extract parameter values from a URL:

     
    const match = regexp.exec('/user/john');
console.log(match[1]); // Outputs: 'john'

     
     
 

Customization:
 

  •  
    Customize behavior with options like strict mode, end sensitivity, and custom parameter patterns.
     
  •  
    Example with a custom parameter pattern:
     
 

const customPath = '/user/:name(\\d+)';
const customRegexp = pathToRegexp(customPath);
console.log(customRegexp); // Outputs RegExp that matches digits after '/user/'

 

2. Symbiosis with Express.js
 

In Express.js, path-to-regexp underlies the route definition mechanism. Express.js uses this package to parse the route strings developers define, enabling dynamic routing based on URL patterns.
 

3. Operational Dynamics in Express.js
 

In Express.js, route patterns written by developers are automatically processed by path-to-regexp. Here's how it's typically used:
 

  1.  
    Defining Dynamic Routes:
     
    •  
      Express.js route definitions can include parameterized paths:
       
 

const express = require('express');
const app = express();// Define a dynamic route
app.get('/user/:userId', (req, res) => {const userId = req.params.userId;res.send(`User ID: ${userId}`);
});

 

  1.  
    Under-the-Hood Processing:
     
    • Express.js internally converts the path string '/user/:userId' into a regular expression using path-to-regexp.
    • It then uses this regular expression to match incoming request URLs.
  2.  
    Parameter Extraction in Action:
     
    • When a request is made to /user/123, Express matches it against the RegExp, extracts 123 as the userId, and makes it available in the req.params object.
    • The route handler is then executed with the extracted userId.
 

This seamless integration of path-to-regexp allows Express.js to offer a powerful and intuitive way of handling dynamic routing, making it a staple in Express-based web applications.
 

Sure, let's create a simple demonstration to mimic the basic functionality of path-to-regexp. This demo will involve creating a function that converts a path string with parameters into a regular expression and then uses this regex to match URLs and extract parameter values.
 

4. Emulating path-to-regexp: A Practical Demonstration
 

Creating a simplified version of path-to-regexp illustrates its core functionality:
 

  1.  
    Path String to RegExp Conversion:
     
    • Convert a path string like '/user/:userId' into a RegExp.
    • The :userId should be replaced with a regex pattern to match any string.
  2.  
    URL Matching and Parameter Extraction:
     
    • Use the generated RegExp to match URLs.
    • Extract the value of userId from the URL.
 

Demo Code Snippet:
 

function convertPathToRegExp(path) {const parameterPattern = /:([A-Za-z0-9_]+)/g;let match;const parameterNames = [];let newPath = path;// Extract parameter names and replace them with regex patternswhile ((match = parameterPattern.exec(path)) !== null) {parameterNames.push(match[1]);newPath = newPath.replace(match[0], '([^/]+)');}// Create a RegExp from the new pathconst regex = new RegExp(`^${newPath}$`);return { regex, parameterNames };
}function matchUrl(url, { regex, parameterNames }) {const match = regex.exec(url);if (!match) return null;// Extract parameter valuesconst params = {};parameterNames.forEach((name, index) => {params[name] = match[index + 1];});return params;
}// Example usage
const path = '/user/:userId';
const { regex, parameterNames } = convertPathToRegExp(path);// Test URL
const url = '/user/12345';
const params = matchUrl(url, { regex, parameterNames });console.log('Matched Parameters:', params); // Outputs: { userId: '12345' }

 

Explanation
 

  • The convertPathToRegExp function converts a path string with named parameters (like :userId) into a RegExp object. It also keeps track of the parameter names.
  • The matchUrl function takes a URL and the object returned by convertPathToRegExp, matches the URL against the RegExp, and extracts the values for the parameters.
 

This demo captures the essence of path-to-regexp functionality: converting path patterns to regular expressions and extracting parameters from URLs. It's a simplified version and lacks many features of the actual path-to-regexp package, such as complex parameter patterns, optional parameters, and custom regex patterns for parameters. For production use, it's recommended to use the actual path-to-regexp package, which is more robust and feature-rich.
 

 

Express.js 中动态路由解码：path-to-regexp介绍
 原文链接：https://juejin.cn/post/7326985766885310515
 












本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/645066.shtml


如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！











相关文章










linux shell脚本 条件语句








linux shell脚本 条件语句




test  测试文本的表达式 是否成立 格式： test    条件表达式 格式： [    条件表达式    ]   （[] 内要空格 ，不然不生效） 如何测试？ [ 操作符  文件或目录 ] echo $? 返回值是0 正确，返回值非0 …




阅读更多...

















Unity——FSM有限状态机








Unity——FSM有限状态机




有限状态机就是有限个切换状态的条件，要制作有限状态机，有几个必要点：状态抽象类、FSMSystem类、FSMSystem实现类、FSM状态实现类。 每一个控制者都有一个状态机，每一个状态机都有其包含的状态，每一个状态都有能转换的…




阅读更多...

















运维之道—生产环境安装mysql








运维之道—生产环境安装mysql




目录 
1.前言 
2.部署安装 
2.1 下载mysql5.7版本的yum仓库 
2.2 安装yum仓库 
2.3 安装mysql-server 
2.4 启动mysql-server 
3. 生产配置 
3.1 登录mysql 
3.2 修改root账户密码 
3.3 配置mysql




阅读更多...

















JFinal项目搭建








JFinal项目搭建




JFinal项目搭建 JFinal项目搭建 JFinal项目搭建 
首先创建maven项目： 删掉报错的jsp页面： 在pom.xml中加入坐标： 
<dependency>   <groupId>com.jfinal</groupId>   <artifactId>jfinal-undertow</artifactId>…




阅读更多...

















零基础学习【Mybatis Plus】这一篇就够了








零基础学习【Mybatis Plus】这一篇就够了




学习目录 1. 快速入门1-1. 常用注解总结 1-2. 常用配置 2. 核心功能3. 扩展功能4. 插件功能 1. 快速入门 
1-1. 常用注解 
MybatisPlus中比较常用的几个注解如下&#xff1a; 
TableName: 用来指定表名Tableld: 用来指定表中的主键字段信息TableField: 用来指定表中的普通字段信…




阅读更多...

















基于openssl v3搭建ssl安全加固的c++ tcpserver








基于openssl v3搭建ssl安全加固的c++ tcpserver




1 概述 
tcp server和tcp client同时使用openssl库&#xff0c;可对通信双方流通的字节序列进行加解密&#xff0c;保障通信的安全。本文以c编写的tcp server和tcp client为例子&#xff0c;openssl的版本为v3。  
2 安装openssl v3 
2.1 安装 perl-IPC-Cmd 
openssl项目中的co…




阅读更多...

















AR 自回归模型








AR 自回归模型




文章目录 总的代码ADF 检验（是否平稳）差分操作拟合AR 模型预测可视化总的代码 import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
from statsmodels.tsa.ar_model import AutoReg
from statsmodels.tsa.stattools import adfuller# 生成一个示例时间序…




阅读更多...

















在人工智能时代，如何利用AI达到行业领先地位？








在人工智能时代，如何利用AI达到行业领先地位？




人工智能很快将成为企业开展业务的一个必要环节。各企业都会具备AI战略&#xff0c;就像其具有社交媒体战略、品牌战略和人才战略等一样。 因此&#xff0c;如果企业希望在竞争中脱颖而出、获得优势&#xff0c;不能只是使用AI&#xff0c;而是要以AI为先导&#xff0c;创造行业…




阅读更多...

















pyqtgraph 设置线程阻塞








pyqtgraph 设置线程阻塞




pyqtgraph 设置线程阻塞 
如果想要在 PyQtGraph 应用程序中设置线程阻塞以模拟一个耗时长的任务&#xff0c;可以使用 time.sleep 或者其他会阻塞线程的操作。以下是一个简单的示例&#xff1a; 
import pyqtgraph as pg
from PyQt5.QtCore import Qt, QThread, pyqtSignal
imp…




阅读更多...

















基于springboot+vue的海滨体育馆管理系统(前后端分离)








基于springboot+vue的海滨体育馆管理系统(前后端分离)




博主主页&#xff1a;猫头鹰源码 博主简介&#xff1a;Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万、专注Java技术领域和毕业设计项目实战 主要内容&#xff1a;毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询 文末联系获取 研究背景…




阅读更多...

















邮件服务支持Exchange协议，资产历史账号支持设置保留数量，JumpServer堡垒机v3.10.2 LTS版本发布








邮件服务支持Exchange协议，资产历史账号支持设置保留数量，JumpServer堡垒机v3.10.2 LTS版本发布




2024年1月22日&#xff0c;JumpServer开源堡垒机正式发布v3.10.2 LTS版本。JumpServer开源项目组将对v3.10 LTS版本提供长期的支持和维护&#xff0c;并定期迭代发布小版本。欢迎广大社区用户升级至v3.10 LTS版本&#xff0c;以获得更佳的使用体验。 
在v3.10.2 LTS版本中&…




阅读更多...

















美赛world排版技巧








美赛world排版技巧




正在跳转 
1、问&#xff1a;Word里边怎样设置每页不同的页眉&#xff1f;如何使不同的章节显示的页眉不同&#xff1f; 
答&#xff1a;分节&#xff0c;每节可以设置不同的页眉。文件——页面设置——版式——页眉和页脚——首页不同 
2、问&#xff1a;请问Word中怎样让每一…




阅读更多...

















04 经典的OSPF








04 经典的OSPF




思维导图的方式回顾OSPF  
什么是OSPF？为什么需要OSPF？ - 华为 (huawei.com) 1 ospf 领行学习思维导图 
1.1 ospf 的工作过程 建立领据表同步数据库计算路由表1.2 ospf 的状态




阅读更多...

















用JavaFX写了一个简易的管理系统








用JavaFX写了一个简易的管理系统




文章目录 前言正文一、最终效果1.1 主页面1.2 动物管理页面-初始化1.3 动物管理页面-修改&新增1.4 动物管理页面-删除&批量删除 二、核心代码展示2.1 启动类2.2 数据库配置-db.setting2.3 日志文本域组件2.4 自定义表格视图组件2.5 自定义分页组件2.6 动物管理页面2.7 …




阅读更多...

















MySQL怎么根据当前时间获取连续十二个月统计数据








MySQL怎么根据当前时间获取连续十二个月统计数据




需求 
在某些业务场景中&#xff0c;需要后台获取连续十二个月的统计数据&#xff0c;如下图&#xff1a;  
解决方式 
1、创建一张临时表&#xff0c;在表中插入序号数据 
该表的最大数量决定统计返回的最大条数 
CREATE TABLE sys_redundancy (id bigint(22) NOT NULL AUTO_I…




阅读更多...

















uniapp 链接跳转（内部跳转和外部跳转）








uniapp 链接跳转（内部跳转和外部跳转）




使用uniapp的超链接跳转在微信小程序中会出现复制链接在外面在跳转如图  这样的客户体验感不好 我们需要可以直接跳转查看 
思路&#xff1a;webview 
1.先在自己uniapp项目pages.json建一个内部页面webview.vue 在page.json里面指向我们跳转的这个内部路径(这个创建页面会自动…




阅读更多...

















中文自然语言处理（NLP）中的命名实体识别（NER）任务中，加入注意力（attention）机制








中文自然语言处理（NLP）中的命名实体识别（NER）任务中，加入注意力（attention）机制




在中文自然语言处理&#xff08;NLP&#xff09;中的命名实体识别&#xff08;NER&#xff09;任务中&#xff0c;加入注意力&#xff08;attention&#xff09;机制可以极大地提升模型的性能。注意力机制可以帮助模型更好地捕捉序列中的关键信息和上下文依赖关系&#xff0c;从…




阅读更多...

















【Conda】超详细的linux-conda环境安装教程








【Conda】超详细的linux-conda环境安装教程




背景 
最近被python各个版本环境整的头晕目眩&#xff0c;本来就不是专长做python的&#xff0c;切换各种版本着实不好操作&#xff0c;因此想到了conda这个好工具&#xff0c;以下是对conda的相关理解和搭建的详细过程&#xff0c;做个记录。 
Conda简介 
Conda是在Windows、m…




阅读更多...

















SwiftUI 打造酷炫流光边框 + 微光滑动闪烁的 3D 透视滚动卡片墙








SwiftUI 打造酷炫流光边框 + 微光滑动闪烁的 3D 透视滚动卡片墙




功能需求 
有时候我们希望自己的 App 能向用户展示与众不同、富有创造力的酷炫视觉效果： 如上图所示，我们制作了一款流光边框 + 微光滑动闪烁的 3D 透视卡片滚动效果。这是怎么做到的呢？  在本篇博文中，您将学到以下内容 功能需求1. 3D 透视滚动2. 灵动边框流光效果3. 背景…




阅读更多...

















黑马苍穹外卖学习Day10








黑马苍穹外卖学习Day10




文章目录 Spring Task介绍cron表达式入门案例 订单状态定时处理需求分析代码开发功能测试 WebSocket介绍入门案例 来单提醒需求分析代码开发 客户催单需求分析代码开发 Spring Task 
介绍 cron表达式 入门案例 订单状态定时处理 需求分析 代码开发 
新建一个task包里面编写代码…




阅读更多...


















最新文章


















Copyright @ 2022~2023