Extracción de Variables en URLs con Expresiones Regulares

Clase 20 de 29 • Curso de Expresiones Regulares

Resumen

Al hacer consultas a sitios web mediante el método GET se envían todas las variables al servidor a través de la misma URL.

La parte de esta url que viene luego del signo de interrogación ? se le llama query del request que es: variable1=valor1&variable2=valor2&... y así tantas veces como se necesite. En esta clase veremos como extraer estas variables usando expresiones regulares.

Daniel G Perico Sánchez

student•

Para aquellos que usan un editor como Visual Studio Code al querer hacer una nueva línea en el replace debemos colocar el salto de línea: \n

Find: [\?&](\w+)=([^&\n]+)
Replace: \n - $1=$2

Diego Ramirez

student•

Excelente! Gracias Daniel por el aporte! Me vino de perlas!
Saludos!

Juan Pablo Perez

student•

Gracias por el aporte.

Julio J Yépez

student•

Esta clase … unido a la siguiente línea de código en JavaScript:

console.log( window.location.search );

¡Son magia pura … y en el Frontend!

Ivan Santiago

student•

No seria console.log( window.location.href )? -.-

Julio J Yépez

student•

Nope.
Porque location.href te devuelve toda la url mientras que location.search sólo la parte que corresponde al queryString … pruébalo. 😃

Yenny Paola Porras Rueda

student•

APUNTES DE BECO: Al hacer consultas a sitios web mediante el método GET se envían todas las variables al servidor a través de la misma URL.

La parte de esta url que viene luego del signo de interrogación ? se le llama query del request que es: variable1=valor1&variable2=valor2&... y así tantas veces como se necesite.

Jeinfferson Bernal G

student•

Gracias por el aporte!

Julián Cárdenas

student•

Thanks for the contribution!

Iván Darío Sánchez Jiménez

student•

Creo que esta clase sintetiza todo el poder de las regex, desde la elaboración una expresión optimizada hasta la realización de un reemplazo funcional y aplicable a situaciones del día a día de un dessarrollador

Braulio Rangel

student•

Yo estoy de acuerdo

Oscar Jaramillo

student•

No te creas tanto Alberto... Algunos somos muy friki... 🤓

Diego Ramos Ricardez

student•

Qué buen outfit

Francisco Cisneros

student•

Se parece a Raúl Castro jaja

Julián Cárdenas

student•

JAJAJA Yeah!

David Pantoja Yescas

student•

[\?&](\w+)=([^&\n]+)

Diego andres de la cruz cruz

student•

Esta es la clase más completa y funcional hasta el momento

Luis Ruiz Ramos

student•

De acuerdo.

Gabriel Obregón

student•

EXPLICACIÓN DE LA EXPRESIÓN REGULAR

La expresión regular dada es:

[\?&](\w+)=([^&\n]+)

Vamos a desglosarla paso a paso:

[\?&] → Esta parte coincide con un ? o un &.

El ? marca el inicio de la cadena de consulta en una URL.
El & separa los diferentes parámetros en la consulta.
Los corchetes [] indican que coincidirá con cualquiera de los caracteres dentro de ellos.

(\w+) → Esta parte captura el nombre de la variable (clave del parámetro).

\w+ coincide con uno o más (+) caracteres de palabra (\w), que incluyen letras (a-z, A-Z), números (0-9) y guiones bajos (_).
Los paréntesis () crean un grupo de captura, lo que significa que esta parte se almacenará como Grupo 1 ($1).

= → Coincide con el signo igual (=) que separa el nombre de la variable de su valor.

([^&\n]+) → Esta parte captura el valor de la variable.

[^&\n] significa "cualquier carácter excepto & o un salto de línea (\n)".
El + significa que coincide con uno o más de estos caracteres.
Los paréntesis () crean otro grupo de captura, lo que significa que esta parte se almacenará como Grupo 2 ($2).

CÓMO FUNCIONA EL PROCESO DE EXTRACCIÓN

Usando buscar y reemplazar, aplicamos el patrón para extraer las variables de una URL.

EJEMPLO 1:

URL:

http : //b3co.com/?s=photography&mode=search&module=blog

Primera coincidencia:

?s=photography
$1 = s, $2 = photography
Se reemplaza con: - s => photography

Segunda coincidencia:

&mode=search
$1 = mode, $2 = search
Se reemplaza con: - mode => search

Tercera coincidencia:

&module=blog
$1 = module, $2 = blog
Se reemplaza con: - module => blog

Salida Final:

http : //b3co.com/

- s => photography

- mode => search

- module => blog

EJEMPLO 2:

URL:

https : //www.google.com/search?q=regex+platzi&oq=regex+platzi&aqs=chrome..69157j69160.6885j0j9&sourceid=chrome&ie=UTF-8

URL base extraída: https : //www.google.com/search

Variables extraídas: - q => regex+platzi

- oq => regex+platzi

- aqs => chrome..69157j69160.6885j0j9

- sourceid => chrome

- ie => UTF-8

EJEMPLO 3:

URL:

https : //co.search.yahoo.com/search?p=flickr&fr=yfp-t&fp=1&toggle=1&cop=mss&ei=UTF-8

URL base extraída: https : //co.search.yahoo.com/searchVariables extraídas: - p => flickr

- fr => yfp-t

- fp => 1

- toggle => 1

- cop => mss

- ei => UTF-8

Ingrid Katherine Hernández Aya

student•

gracias por explicar al detalle

Aldo Miguel Ortiz Parodi

student•

17. Mis apuntes sobre: "Uso de REGEX para descomponer querys GET"

Ejemplo de la clase:

[\?&](\w+)=([^&\n]+)

Francisco Garcia [C6]

student•

Otra forma de reemplazarlo

Find:

[\?&](\w+)=([^&\n]+)

Replace:

\n {variable:"$1", value:"$2"},

Gomez

student•

^?&=([^&\n]+) muy genial todo lo que se puede hacer con REGEX

Diego Adrián Sánchez Gutiérrez

student•

[\?&](\w+)=([^&\n]+)

Como romper un query en cada una de sus variables

Jaison Mora

student•

Con expresiones regulares se puede obtener una url con un método GET de http y despedazarlo entre cada variable y su valor. Esto se puede hacer mediante separar por agrupaciones la expresión y luego reemplazar todos los matches. La expresión regular puede ser esta: ?&=([^&]+)

Miguel Angel Reyes Moreno

student•

Para obtener los queries de las urls: [\?&](\w+)=([^&\n]+) y podemos descomponerlas con: \n $1 => $2

emanuel jesus urquiola amaro

student•

yo tube que usar la de manera distinta la expresion no se por que no me resulto igual que a beco si tambien estoy usando atom y me ha pasado en varios ejercicios en fin use esta expresion y me resulto asi :

expresion:
[\?&](\w+)=([^$\n]\w+)
direccion:
http://b3co.com/?s=fotografia&mode=search&module=blog
https://ve.search.yahoo.com/s earch?p=como+matar+a+maduro&fr=yfp-t&fp=1&toggle=1&cop=mss&ei=UTF-8
https://www.google.co.ve/search?safe=active&ei=vVI9W5XBFKWKgAaosZNQ&q=cuando+tu+te+vas&oq=cuando+tu+te+vas&gs_l=psy-ab.3..0i203k1l10.15957.18336.0.18666.16.10.0.0.0.0.397.1210.2-2j2.4.0....0...1.1.64.psy-ab..12.4.1205...35i39k1.0.3GDpASe7jjQ
resultado:
http://b3co.com/
- s => fotografia
- mode => search
- module => blog
https://ve.search.yahoo.com/s earch
- p => como+matar+a+maduro
- fr => yfp-t&fp=1&toggle=1
- cop => mss
- ei => UTF-8
https://www.google.co.ve/search
- safe => active
- ei => vVI9W5XBFKWKgAaosZNQ
- q => cuando+tu+te+vas
- oq => cuando+tu+te+vas
- gs_l => psy-ab.3..0i203k1l10.15957.18336.0.18666.16.10.0.0.0.0.397.1210.2-2j2.4.0....0...1.1.64.psy-ab..12.4.1205...35i39k1.0.3GDpASe7jjQ

con la expresion como la tiene beco me resulta asi

expresion:
[\?&](\w+)=([^$\n]+)
resultado:
http://b3co.com/
- s => fotografia&mode=search&module=blog
https://ve.search.yahoo.com/s earch
- p => como+matar+a+maduro&fr=yfp-t&fp=1&toggle=1&cop=mss&ei=UTF-8
https://www.google.co.ve/search
- safe => active&ei=vVI9W5XBFKWKgAaosZNQ&q=cuando+tu+te+vas&oq=cuando+tu+te+vas&gs_l=psy-ab.3..0i203k1l10.15957.18336.0.18666.16.10.0.0.0.0.397.1210.2-2j2.4.0....0...1.1.64.psy-ab..12.4.1205...35i39k1.0.3GDpASe7jjQ

me di cuenta que tambien funciona pero en mi caso lo debo hacer varias veces, por que?

emanuel jesus urquiola amaro

student•

y por el amor de dios O___O TUVE* no se como editar el comentario jajjajajaja

Jhon Fredy Beltrán León

student•

Si quieres puedes revisar mi repo https://github.com/Jhonbeltran/REGEX Yo lo seguí usando atom y sublime indistintamente, algunas ejecuciones las tengo diferentes pero igual funcionaban las de beco

David Behar

student•

Esta parte no la entendí

([^&\n]+)

Carolina Acosta Muñoz

student•

El gorrito (^) es un not o negador, esa expresión quiere decir: Todo lo que no sea un & o un salto de línea \n

David Behar

student•

Entiendo eso, pero en el contexto no entendí qué es lo que le modifica a la expresión:

[\?&](\w+)=([^&\n]+)

Christian Roman

student•

Creo que lo único que le falta a este curso es un ejemplo de aplicación no solo usando Python, Java, Pearl o PHP sí no también hacerlo correr en PostgreSQL o MySQL por ejemplo. Se que hay formas de hacerlo y sería muy útil a la hora de construir consultas!!

Como analista de datos que soy, combinar la extrema potencia de RegEx con consultas SQL sería ideal.

Jeinfferson Bernal G

student•

Gianluca Aguilar

student•

Hola gente, no me quedo bien claro cuando hace ?&=.*& porque cuando hace $1 me sale solo smodule=blog ?

David Arias Fuentes

student•

Muestra cómo estás fabricando la expresión para la búsqueda.

Harold Andrés Burbano Acuña

student•

Mira en $1 guarda la primera parte (\w+) y en $2 guarda la segunda ([^&\n]+) Osea :

$1 = (\w+)
$2 = ([^&\n]+)

Luis Ariza

student•

Buen dia, les comparto mis notas(presiona Ctrl +Shift + L para el modo oscuro), espero que te sea util: https://languid-spring-631.notion.site/Expresiones-Regulares-c6a8bef1cdec4f03a854164724ffee9f

Extracción de Variables en URLs con Expresiones Regulares

Introducción a las Expresiones Regulares

Expresiones Regulares: Potencia y Aplicación Práctica

Creación y Uso de Expresiones Regulares en Distintos Lenguajes

Expresiones Regulares: Búsqueda y Validación de Patrones de Texto

Búsqueda de Teléfonos con Expresiones Regulares

El lenguaje: caracteres, operadores, y construcciones

Uso de Expresiones Regulares para Buscar y Reemplazar Texto

Búsqueda Avanzada con Expresiones Regulares: Clases y Caracteres

Operadores en Expresiones Regulares: Asterisco, Más e Interrogación

Contadores en Expresiones Regulares: Uso y Aplicaciones Prácticas

Expresiones Regulares: Uso de Lazy Matching en CSVs

Negación de Clases y Construcción de Expresiones Regulares

Expresiones Regulares para Filtrar Números Telefónicos

Expresiones Regulares para Procesar Archivos CSV Masivos

Uso práctico de Expresiones Regulares

Expresiones Regulares para Análisis de Logs UNIX

Expresiones Regulares para Validar URLs y Dominios Web

Creación de Expresiones Regulares para Validación de Teléfonos

Validación de Correos Electrónicos con Expresiones Regulares

Expresiones Regulares para Coordenadas Geográficas

Validación de Nombres Propios y Apellidos en Regex

Usos avanzados en Expresiones Regulares

Expresiones Regulares: Aplicaciones Prácticas en Manipulación de Datos

Expresiones Regulares en lenguajes de programación

Extracción de Variables en URLs con Expresiones Regulares

Uso de Expresiones Regulares en Perl, PHP, Python y JavaScript

Extracción de Información con Expresiones Regulares en Perl

Expresiones Regulares en PHP: Filtrado de Datos CSV

Análisis de Datos de Partidos de Fútbol con Expresiones Regulares

Expresiones Regulares en Python para Análisis de Datos

Lectura de Archivos en Java con BufferReader

Expresiones Regulares en Java: Búsqueda y Filtrado de Datos

Validación de Emails con JavaScript y Expresiones Regulares

Expresiones Regulares en Línea de Comandos UNIX y Windows