Qué contiene este paquete
La página con el diseño azul y dorado, el registro y cotizador de clientes, la administración, el editor y las tarifas. Los clientes y tu administración guardan información en una sola base D1: PL_DB.
La aplicación de Socios conserva su enlace y funcionamiento existente; sus datos no se migraron. R2 guarda archivos de fotos y videos, no es una segunda base de clientes.
1. Subir el ZIP a Cloudflare Pages
- Entra a Cloudflare y abre Workers & Pages.
- Selecciona el proyecto Pages de la página corporativa. Si no existe, crea una aplicación de Pages usando la opción de subir archivos. Puedes nombrarla
puebla-logistica-web. No seleccionespuebla-logistica-socios. - En el proyecto corporativo, crea una nueva implementación y sube
Puebla_Logistica_Proyecto_Unico.zip. Si tu teléfono pide extraerlo, selecciona el contenido extraído: debe incluirindex.html,_worker.js,assetsyliam. - Publica en la dirección temporal que termina en
.pages.dev. Copia esa dirección: será la única que usarás durante la configuración.
Cloudflare documenta la carga directa de ZIP y la compatibilidad con _worker.js.
2. Conectar la única base de la página
- En Cloudflare abre Almacenamiento y bases de datos → D1 y crea una base llamada
puebla-logistica-web. Si ya tienes la base corporativa de este proyecto, reutilízala. No crees otra en cada actualización. - Regresa al proyecto Pages corporativo → Configuración → Vinculaciones → Agregar → Base de datos D1.
- Nombre de la vinculación:
PL_DB. Selecciona la base de la página. Configúrala para el entorno de producción.
Las tablas se crean automáticamente en la primera consulta al servidor. Esta base contendrá clientes, sesiones, cotizaciones, tarifas, contenido e historial. No necesitas copiar tablas de Socios ni ejecutar SQL manualmente.
3. Activar tu acceso de administrador
- En la dirección temporal abre
/liam/crear-acceso.html. Por ejemplo: tu-direccion.pages.dev/liam/crear-acceso.html. - Elige una contraseña propia de al menos 12 caracteres y pulsa Preparar código de configuración. Guarda esa contraseña en tu administrador de contraseñas.
- Copia el código generado. En Cloudflare → proyecto Pages corporativo → Configuración → Variables y secretos, agrega un secreto con nombre
ADMIN_PASSWORD_HASHy pega el código como valor. - Tu correo de acceso será
[email protected]. Para entrar usarás la contraseña elegida, no el código largo.
Este paso no envía la contraseña por correo ni cambia el acceso de Socios. Si ya configuraste este secreto para la página y conoces tu contraseña, consérvalo.
4. Activar la subida de fotos y videos
- Crea un bucket de Cloudflare R2, por ejemplo
puebla-logistica-web-media. - En el proyecto Pages corporativo → Configuración → Vinculaciones, agrega R2 con nombre
LIAM_MEDIAy selecciona ese bucket. - Vuelve a desplegar el mismo ZIP para que se apliquen las vinculaciones y secretos nuevos.
El editor sube MP4/WebM y JPG/PNG/WebP de hasta 40 MB. Los archivos publicados tienen URL pública. No hace falta habilitar r2.dev: el servidor de la página los entrega. Quitar un video del diseño conserva el archivo para recuperar versiones anteriores.
Sin R2 se conservan las fotos y videos incluidos en el paquete y puedes usar enlaces HTTPS directos, pero no subir nuevos archivos desde el editor. Los costos de los servicios dependen de tu cuenta y consumo.
5. Guardar tus tarifas y revisar el recorrido completo
- Abre la página temporal y entra en Administración. Inicia sesión y revisa Estado de conexión.
- Abre Ajustar tarifas, verifica Mudanza y pulsa Guardar tarifas en la página. Flete queda pendiente hasta que tú indiques sus valores y lo habilites.
- Abre Mi cuenta · Cotizar y crea una cuenta de cliente de prueba con otro correo. Genera una cotización. Debe mostrar que queda 1 de 2.
- Vuelve a Administración → Cotizaciones de clientes. La cotización debe aparecer con nombre, correo, ruta, inventario e importe.
- En el editor cambia un texto pequeño, guarda borrador y publícalo. Revisa la página pública. Prueba además reemplazar un video, reproducirlo con sonido y recuperar la versión anterior.
- En la cuenta de prueba genera la segunda cotización. La tercera debe bloquearse. Cerrar sesión y volver a entrar debe conservar el conteo. Consultar el historial no consume cupo.
6. Conectar el dominio oficial
- Cuando el recorrido anterior funcione en la dirección temporal, abre el proyecto Pages corporativo → Dominios personalizados → Configurar dominio.
- Agrega
www.pueblalogistica.com.mxy sigue los cambios DNS que indique Cloudflare. Configura tambiénpueblalogistica.com.mxsi quieres que ambas direcciones funcionen. - Si el dominio aún está asociado a otro proyecto, revisa esa asociación antes de cambiarlo. Mantén el despliegue anterior como respaldo hasta confirmar el nuevo.
- Espera a que Cloudflare muestre el dominio activo y prueba registro, login, cotización, editor y audio desde el dominio oficial. Tendrás que iniciar sesión nuevamente porque las cookies de la dirección temporal no se transfieren al dominio.
Comprobar la configuración de este despliegue
Este botón funciona al abrir la guía dentro de tu sitio desplegado.
Qué está probado y qué queda pendiente
El código pasó 82 pruebas locales de servidor, además de comprobaciones de la vista previa, sintaxis y enlaces. Se verificaron acceso, separación de roles, guardado, edición, cotizaciones, cupo mensual, reintentos y concurrencia. No equivale a una prueba de tu cuenta Cloudflare: la conexión, reproducción de audio y uso real en Android se comprueban al desplegar.
El registro usa correo y contraseña. La verificación del correo y la recuperación automática de contraseñas no están conectadas a un proveedor de correo. El cupo es por cuenta, no por identidad comprobada. No se han integrado PDF, envío automático de WhatsApp, pagos ni reservas. WhatsApp prepara un mensaje que el cliente debe enviar.
Para actualizaciones futuras sube únicamente el nuevo ZIP al mismo proyecto y conserva la misma base, bucket y secreto. No vuelvas a crear las cuentas ni cambies las vinculaciones.
Volver a la página · Abrir administración