Saltar al contenido

Aplicación CRUD con Redis y Frontend HTML en n8n

Workflow n8n completo para crear, leer, actualizar y eliminar datos (CRUD) en Redis. Incluye un frontend HTML servido directamente por un webhook, eliminando la necesidad de hosting externo y permitiendo una gestión de datos rápida y sencilla.

27 nodos 7 tipos conectado
Cargando workflow...

Nodos

Webhook Redis SplitInBatches StickyNote Set Code RespondToWebhook

Herramientas

Redis Webhook

Detalles

ID
5708
Nodos
27
Conex.
Tipos
7

Pertenece a:

¿Qué hace este workflow?

Este workflow n8n avanzado permite construir una aplicación completa de Creación, Lectura, Actualización y Eliminación (CRUD) utilizando Redis como base de datos y un frontend HTML que se sirve directamente a través de un webhook de n8n. Es una solución ideal para equipos de IT y desarrolladores que necesitan una herramienta ágil para gestionar datos internos sin depender de infraestructura de hosting adicional. Con este sistema, puedes crear interfaces de usuario personalizadas para interactuar con tus datos en Redis, permitiendo operaciones como añadir nuevos registros, consultar elementos existentes, modificar información o eliminar entradas de forma sencilla. La integración del frontend y el backend en un solo workflow de n8n simplifica el despliegue y el mantenimiento, reduciendo la complejidad operativa y acelerando el desarrollo de herramientas internas. Es perfecto para prototipos rápidos o para sistemas de gestión de datos ligeros que requieren una interacción web directa y eficiente.

¿Cómo funciona?

Este workflow usa 27 nodos conectados con 7 tipos diferentes: Webhook, Redis, SplitInBatches, StickyNote, Set y 2 más. La estructura está totalmente conectada — listo para importar.

¿Para quién es?

Diseñado para equipos de IT & DevOps. Nivel avanzado — recomendado para usuarios experimentados. Alto valor de negocio: automatiza una tarea recurrente con impacto directo.

¿Lo quieres en tu empresa?

Lo implementamos por ti end-to-end: integración, deploy, mantenimiento y soporte. Consultoría B2B con Genai Sapiens.

Hablemos de tu proyecto

¿Quieres aprender a hacerlo?

Sprints de 30 días con companion IA + comunidad. Aprende n8n, automatización y agentes IA desde cero o nivel avanzado.

Ver formación Momentum

Workflows similares

\n\n "},"typeVersion":1.4},{"id":"f1061585-366d-4586-b755-6bfb7b5da0be","name":"Sticky Note7","type":"n8n-nodes-base.stickyNote","position":[-520,-180],"parameters":{"color":4,"width":620,"height":1120,"content":"# Setup Instructions\n\n## 1. Prerequisites\nBefore importing and running the workflow, make sure you have:\n- A running **n8n** instance (self-hosted or cloud)\n- A running **Redis** server (local or remote)\n\n## 2. API Path Setup\n\nFor the REST API, use a consistent `path`. For example, if you choose `items` as the path:\n\n- **2a. Get All Items** \n - **Method**: `GET` \n - **Endpoint**: `items`\n\n- **2b. Add Item** \n - **Method**: `POST` \n - **Endpoint**: `items`\n\n- **2c. Edit Item** \n - **Method**: `PUT` \n - **Endpoint**: `items`\n\n- **2d. Delete Item** \n - **Method**: `DELETE` \n - **Endpoint**: `items`\n\n- **2e. Reset Items** \n - **Method**: `POST` \n - **Endpoint**: `items-reset`\n\n\n## 3. Configure the API URL\n\nSet the `API URL` in the **SET API URL** node. Use your n8n webhook URL, for example: \n`https://yourn8n.com/webhook/items`\n\n## 4. Run the HTML App\n\nOnce everything is set:\n1. Open the webhook URL for the HTML app in a browser.\n2. The CRUD interface will load and connect to the API endpoints automatically.\n3. You can now add, edit, delete, or reset items directly from the web interface.\n"},"typeVersion":1},{"id":"3e5a016c-d1cd-4155-bce5-e1904871ea5b","name":"Webhook: Serve HTML App","type":"n8n-nodes-base.webhook","position":[180,180],"webhookId":"e33c4cf1-bff1-4175-ab94-9099c3ab50d8","parameters":{"path":"simple-crud","options":{},"responseMode":"responseNode"},"typeVersion":2}],"active":true,"pinData":{"Hook: Reset":[{"json":{"body":{},"query":{},"params":{},"headers":{"host":"n8n.backstage.my.id","accept":"*/*","cf-ray":"95a5e56b9b5797a7-SIN","origin":"http://127.0.0.1:3000","referer":"http://127.0.0.1:3000/","cdn-loop":"cloudflare; loops=1","priority":"u=1, i","sec-ch-ua":"\"Google Chrome\";v=\"137\", \"Chromium\";v=\"137\", \"Not/A)Brand\";v=\"24\"","x-real-ip":"104.23.175.58","cf-visitor":"{\"scheme\":\"https\"}","user-agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36","cf-ipcountry":"ID","if-none-match":"W/\"4-TplQofIwX1bTWMrSPyggP7Oqy+8\"","sec-fetch-dest":"empty","sec-fetch-mode":"cors","sec-fetch-site":"cross-site","accept-encoding":"gzip, br","accept-language":"en-US,en;q=0.9,id;q=0.8","x-forwarded-for":"104.23.175.58","cf-connecting-ip":"182.253.122.4","sec-ch-ua-mobile":"?0","x-forwarded-host":"n8n.backstage.my.id","x-forwarded-port":"443","x-forwarded-proto":"https","sec-ch-ua-platform":"\"Windows\"","x-forwarded-server":"b95f80258063"},"webhookUrl":"https://n8n.backstage.my.id/webhook/items","executionMode":"production"}}],"Hook: Add Item":[{"json":{"body":{"name":"Ficky"},"query":{},"params":{},"headers":{"host":"n8n.backstage.my.id","accept":"*/*","cf-ray":"95a547533fa540d2-SIN","cdn-loop":"cloudflare; loops=1","x-real-ip":"162.158.106.96","cf-visitor":"{\"scheme\":\"https\"}","user-agent":"PostmanRuntime/7.44.1","cf-ipcountry":"ID","content-type":"application/json","cache-control":"no-cache","postman-token":"b1ada9f3-8a6f-49b9-98a9-efad1c869b26","content-length":"25","accept-encoding":"gzip, br","x-forwarded-for":"162.158.106.96","cf-connecting-ip":"182.253.122.4","x-forwarded-host":"n8n.backstage.my.id","x-forwarded-port":"443","x-forwarded-proto":"https","x-forwarded-server":"b95f80258063"},"webhookUrl":"https://n8n.backstage.my.id/webhook/items","executionMode":"production"}}],"Hook: Edit Item":[{"json":{"body":{"id":"14","name":"asdf123"},"query":{},"params":{},"headers":{"host":"n8n.backstage.my.id","accept":"*/*","cf-ray":"95a5ef1fea6097a7-SIN","origin":"http://127.0.0.1:3000","referer":"http://127.0.0.1:3000/","cdn-loop":"cloudflare; loops=1","priority":"u=1, i","sec-ch-ua":"\"Google Chrome\";v=\"137\", \"Chromium\";v=\"137\", \"Not/A)Brand\";v=\"24\"","x-real-ip":"104.23.175.58","cf-visitor":"{\"scheme\":\"https\"}","user-agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36","cf-ipcountry":"ID","content-type":"application/json","content-length":"28","sec-fetch-dest":"empty","sec-fetch-mode":"cors","sec-fetch-site":"cross-site","accept-encoding":"gzip, br","accept-language":"en-US,en;q=0.9,id;q=0.8","x-forwarded-for":"104.23.175.58","cf-connecting-ip":"182.253.122.4","sec-ch-ua-mobile":"?0","x-forwarded-host":"n8n.backstage.my.id","x-forwarded-port":"443","x-forwarded-proto":"https","sec-ch-ua-platform":"\"Windows\"","x-forwarded-server":"b95f80258063"},"webhookUrl":"https://n8n.backstage.my.id/webhook/items","executionMode":"production"}}],"Hook: Get Items":[{"json":{"body":{},"query":{},"params":{},"headers":{"host":"n8n.backstage.my.id","accept":"*/*","cf-ray":"95a5e56b9b5797a7-SIN","origin":"http://127.0.0.1:3000","referer":"http://127.0.0.1:3000/","cdn-loop":"cloudflare; loops=1","priority":"u=1, i","sec-ch-ua":"\"Google Chrome\";v=\"137\", \"Chromium\";v=\"137\", \"Not/A)Brand\";v=\"24\"","x-real-ip":"104.23.175.58","cf-visitor":"{\"scheme\":\"https\"}","user-agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36","cf-ipcountry":"ID","if-none-match":"W/\"4-TplQofIwX1bTWMrSPyggP7Oqy+8\"","sec-fetch-dest":"empty","sec-fetch-mode":"cors","sec-fetch-site":"cross-site","accept-encoding":"gzip, br","accept-language":"en-US,en;q=0.9,id;q=0.8","x-forwarded-for":"104.23.175.58","cf-connecting-ip":"182.253.122.4","sec-ch-ua-mobile":"?0","x-forwarded-host":"n8n.backstage.my.id","x-forwarded-port":"443","x-forwarded-proto":"https","sec-ch-ua-platform":"\"Windows\"","x-forwarded-server":"b95f80258063"},"webhookUrl":"https://n8n.backstage.my.id/webhook/items","executionMode":"production"}}],"Hook: Delete Item":[{"json":{"body":{"name":"Ficky"},"query":{},"params":{},"headers":{"host":"n8n.backstage.my.id","accept":"*/*","cf-ray":"95a547533fa540d2-SIN","cdn-loop":"cloudflare; loops=1","x-real-ip":"162.158.106.96","cf-visitor":"{\"scheme\":\"https\"}","user-agent":"PostmanRuntime/7.44.1","cf-ipcountry":"ID","content-type":"application/json","cache-control":"no-cache","postman-token":"b1ada9f3-8a6f-49b9-98a9-efad1c869b26","content-length":"25","accept-encoding":"gzip, br","x-forwarded-for":"162.158.106.96","cf-connecting-ip":"182.253.122.4","x-forwarded-host":"n8n.backstage.my.id","x-forwarded-port":"443","x-forwarded-proto":"https","x-forwarded-server":"b95f80258063"},"webhookUrl":"https://n8n.backstage.my.id/webhook/items","executionMode":"production"}}]},"settings":{"executionOrder":"v1"},"versionId":"e1c11987-de15-4858-8cf9-4568567b3078","connections":{"GetID":{"main":[[{"node":"Add Item","type":"main","index":0}]]},"Add Item":{"main":[[]]},"Hook: Reset":{"main":[[{"node":"Reset Autoincrement ID","type":"main","index":0}]]},"SET API URL":{"main":[[{"node":"Serve HTML CRUD App","type":"main","index":0}]]},"Get All Items":{"main":[[{"node":"Format the Items","type":"main","index":0}]]},"Delete an Item":{"main":[[{"node":"Loop Over Items","type":"main","index":0}]]},"Format as JSON":{"main":[[{"node":"Loop Over Items","type":"main","index":0}]]},"Hook: Add Item":{"main":[[{"node":"GetID","type":"main","index":0}]]},"Hook: Edit Item":{"main":[[{"node":"Update the item","type":"main","index":0}]]},"Hook: Get Items":{"main":[[{"node":"Get All Items","type":"main","index":0}]]},"Loop Over Items":{"main":[[],[{"node":"Delete an Item","type":"main","index":0}]]},"Get All Item Keys":{"main":[[{"node":"Format as JSON","type":"main","index":0}]]},"Hook: Delete Item":{"main":[[{"node":"Delete Item by Id","type":"main","index":0}]]},"Reset Autoincrement ID":{"main":[[{"node":"Get All Item Keys","type":"main","index":0}]]},"Webhook: Serve HTML App":{"main":[[{"node":"SET API URL","type":"main","index":0}]]}}}