Desplegament de la PWA

Arquitectura

User Browser
    ↓ HTTPS
https://your-cms.example.com/player/pwa/
    ↓
Reverse Proxy (SWAG/nginx, Port 443)
    ↓
Xibo container
    ↓
web/chromeos/ → PWA Player Files (HTML/JS/CSS)

Mateix origen = Sense problemes de CORS.

La PWA s'ha de servir des del mateix domini que el CMS. Totes les crides a l'API (REST, SOAP, descàrregues de fitxers) van dirigides a l'origen del CMS.

Compilació

# From the xiboplayer-pwa repo
pnpm install
pnpm run build    # Production bundle → dist/

Desplegament al CMS

Copia dist/* al directori web/chromeos/ del contenidor del CMS. El .htaccess del CMS reescriu /player/pwa/* → web/chromeos/*.

# Example with podman
podman cp dist/. xibo-cms-web:/var/www/cms/web/chromeos/

Verificació

1. Obre https://your-cms.example.com/player/pwa/
2. La pàgina de configuració hauria d'aparèixer en la primera visita
3. Introdueix l'adreça del CMS (mateix domini), la clau del CMS i el nom de la pantalla
4. El reproductor es connecta i comença a mostrar dissenys

Alternativa: Electron o Chromium (per a quiosc/escriptori)

Per a desplegaments locals o de quiosc on l'allotjament de mateix origen no és disponible, els wrappers d'Electron i Chromium inclouen un servidor proxy integrat que gestiona CORS.

• Reproductor Electron — inclou el seu propi navegador
• Reproductor Chromium — utilitza el navegador del sistema

Ubicació dels Fitxers