Todos los retos

Reto 25

Tu propio acortador de enlaces

Monta un acortador de enlaces funcionando en n8n: un formulario que crea enlaces cortos y una dirección que redirige y cuenta cada clic.

AvanzadoComplejidad:Tiempo: 30–40 min

Tu tarea

Crea enlaces cortos para nuestros carteles y cuenta cuánta gente hace clic en cada uno. Un enlace desconocido debe decirlo con educación en vez de romperse.

Tu tarea extra

Añade una dirección de estadísticas que liste todos los enlaces con sus clics, de más a menos, y protege el formulario para que solo tu equipo pueda crear enlaces.

Ejemplos de uso

  • Un equipo que imprime carteles con código QR y quiere saber qué cartel se escaneó de verdad.
  • Una newsletter con tres enlaces, donde la única pregunta que importa es en cuál hizo clic la gente.
  • Cualquier servicio pequeño que tenga que responder a una petición web real y no solo procesar datos en segundo plano.

Antes de empezar

  1. 01

    Regístrate en n8n Cloud o abre tu espacio de n8n. No necesitas ninguna otra cuenta y no se envía nada a ningún sitio.

  2. 02

    Crea una Data Table llamada short-links con tres columnas: code y target como texto y clicks como número.

  3. 03

    Este reto solo funciona con el workflow publicado: las URL de prueba del webhook dejan de escuchar tras una llamada, mientras que la de producción sigue activa. Publica primero y prueba después.

  4. 04

    Ten a mano la documentación del nodo Webhook: la diferencia entre la URL de prueba y la de producción hace tropezar a casi todo el mundo la primera vez.

Qué debe hacer el workflow

  1. 01

    Al enviar una dirección larga en el formulario se devuelve un código corto, y el enlace, su destino y un contador de clics a cero quedan guardados en la Data TableUna tabla que vive dentro de n8n y conserva sus filas entre ejecuciones, así que los enlaces y sus clics sobreviven a cada ejecución..

  2. 02

    Al abrir la dirección corta en el navegador se llega a la dirección larga, y el contador de ese código sube exactamente uno por visita.

  3. 03

    Una dirección con un código que nadie creó responde «ese enlace corto no existe» con un 404 y no toca ninguna fila. Bonus: la dirección de estadísticas lista todos los enlaces de más a menos clics y el formulario pide usuario y contraseña.

Solución

Ver la respuesta del reto de workflow

Muestra el workflow completo solo cuando quieras compararlo con el tuyo.

Enviar como resuelto

¿Listo para enviar?

Envía el reto cuando el equipo tenga un workflow funcional que mostrar.

Solución

¿Mostrar la solución del workflow?

Esto mostrará el workflow completo de este reto. ¿Seguro que quieres continuar?

Revisión del mentor

Busca a un mentor y pídele que revise tu workflow.

Muéstrale el workflow funcionando. Cuando lo apruebe, recoge el globo de este reto.