feat(ecommerce): release Ari Shopping Frontend v2
Build and Push Frontend / build (push) Successful in 1m57s

This commit is contained in:
2026-07-18 16:34:01 -05:00
parent 9f25b17468
commit 54d2f208ae
25 changed files with 376 additions and 566 deletions
+47 -12
View File
@@ -1,17 +1,52 @@
# Ari Shopping Front v1
# Ari Shopping Frontend v2
Frontend estático responsive para la primera etapa de la tienda online.
Frontend profesional y dinámico para `apps-registry/workloads/ecommerce/`.
## Incluye
- Home profesional y responsive
- Buscador y filtros por categoría
- Catálogo demostrativo
- Carrito lateral en el navegador
- Integración inicial con Instagram
- Base preparada para consumir APIs de microservicios
- Home responsive.
- Catálogo JSON con búsqueda, categorías y ordenamiento.
- Favoritos y carrito persistentes.
- Pedido por WhatsApp o fallback a Instagram.
- Nginx con `/healthz`.
- CSV -> JSON -> WebP automático.
- Workflow diario opcional para Gitea Actions.
## Despliegue en el laboratorio
Reemplaza `workloads/ecommerce/index.html` con el `index.html` incluido. El pipeline actual construirá la imagen, actualizará el manifiesto GitOps y validará el tag desplegado.
## Configuración
Edita `workloads/ecommerce/data/store.json` y configura:
```json
"whatsappNumber": "57XXXXXXXXXX"
```
## Antes de producción
Se deben incorporar logo oficial, fotos y precios reales, inventario, número de WhatsApp, políticas comerciales y servicios de catálogo, inventario, carrito, pedidos, pagos y clientes.
## Instalar en apps-registry
```bash
cd ari-shopping-frontend-v2
APPS_REPO=/DATA/AppData/k3d-lab/git/apps-registry ./tools-install-v2.sh
```
El instalador conserva `frontend.yaml`, `service.yaml`, `ingress.yaml` y `kustomization.yaml`.
## Build workflow
El workflow actual debe observar `workloads/ecommerce/**`; revisa `workflow-snippets/build-paths-update.yaml.txt`.
## Catálogo automático
Edita `catalog-source.csv`. Para imágenes propias o autorizadas, coloca URLs separadas por `|` en `image_urls` y ejecuta:
```bash
cd workloads/ecommerce
python3 -m pip install -r tools/requirements.txt
python3 tools/catalog_sync.py --download-images
```
Las imágenes se normalizan a 1200x1200 WebP.
Solo deben usarse imágenes propias, de proveedor o con autorización.
## Prueba local
```bash
cd workloads/ecommerce
python3 -m http.server 8080
```
## Docker
```bash
docker build -t ari-shopping-frontend:v2 workloads/ecommerce
docker run --rm -p 8080:80 ari-shopping-frontend:v2
curl http://127.0.0.1:8080/healthz
```