Generador de Códigos QR con backend en Node.js (Express) y frontend estático.
Esta aplicación genera códigos QR a partir de texto o URLs. La API usa la librería qrcode y devuelve un Data URL (base64) que puede mostrarse como imagen en el frontend.
package.jsonactualizado: nombre del paquete cambiado aqrcode-generatory descripción ajustada.- Dependencias principales:
express(5.x),qrcode(1.5.x),body-parser(2.x). - Script de inicio:
startejecutanode --watch server.js.
- Generación de códigos QR desde texto o URLs.
- API HTTP simple con
POST /api/generate. - Opciones: tamaño, color y color de fondo.
- Frontend estático en la carpeta
public.
- Clona el repositorio:
git clone https://github.com/alexcuadroo/QRCode.git
cd QRCode- Instala las dependencias:
pnpm install- Inicia el servidor local:
pnpm startEl servidor está configurado para ejecutarse en http://localhost:3000.
- Accede a la interfaz web en
public/index.html. - Endpoint API:
POST /api/generate.
{
"text": "https://ejemplo.com", // Texto o URL a convertir en QR (requerido)
"size": 200, // Opcional: ancho en píxeles
"color": "#000000", // Opcional: color oscuro
"backgroundColor": "#ffffff" // Opcional: color claro
}POST /api/generate
Content-Type: application/json
{
"text": "https://ejemplo.com"
}Respuesta (JSON):
{
"qrCode": "data:image/png;base64,iVBORw0KGgoAAAANS..."
}Para mostrar el QR en una página, usa el valor qrCode como src de una etiqueta <img>.
QRCode/
├── api/
│ └── generate.js
├── public/
│ ├── index.html
│ ├── index.js
├── index.css
├── 404.html
└── robots.txt
├── server.js
├── package.json
├── pnpm-lock.yaml
└── README.md
El proyecto puede desplegarse en plataformas como Vercel o cualquier proveedor que soporte Node.js. Asegúrate de usar una versión de Node compatible con node --watch si quieres la recarga automática en desarrollo.