Implementación de Cloud Player implementing-cloud-player
Tradicionalmente, AEM Screens ha ofrecido aplicaciones de reproductor nativas distintas para varias plataformas, incluidas ChromeOS, Windows, Android™ y Tizen
. Sin embargo, en respuesta a la evolución de las necesidades de los usuarios, Adobe presentó una solución innovadora: AEM Screens Cloud Player.
Cloud Player representa una desviación significativa con respecto a las aplicaciones nativas anteriores de Adobe. Es una aplicación web progresiva (PWA), alojada en un servidor. Este enfoque transformador potencia a los clientes con un reproductor independiente de la plataforma que se ejecuta directamente dentro de un explorador web.
Acceder a Cloud Player es tan sencillo como visitar https://player.adobescreens.com
. Los usuarios pueden instalarlo en su dispositivo, independientemente de la plataforma, y disfrutar de experiencias de señalización digital sin problemas. La compatibilidad de Cloud Player depende de la presencia de un navegador moderno compatible con el PWA, lo que garantiza un rendimiento coherente en varios dispositivos. Despídete de las actualizaciones manuales y saluda a un reproductor que automáticamente ofrece correcciones y funciones, lo que te garantiza que siempre tendrás las últimas funciones al alcance de tu mano. Este cambio a un reproductor en la nube basado en PWA marca una interesante evolución en las ofertas de publicidad dinámica de Adobe, por lo que es más accesible, versátil y fácil de usar que nunca.
En esta sección se describe cómo implementar Cloud Player.
Instalación de Cloud Player installing-cloud-player
La instalación de Cloud Player puede variar en diferentes plataformas. En general, cualquier plataforma que tenga un explorador moderno puede ejecutar la aplicación del reproductor en la nube siguiendo estos pasos:
-
Abra el explorador e introduzca la variable URL del reproductor en la nube en la barra de direcciones.
-
El explorador comprueba si Cloud Player se puede instalar y, a continuación, muestra un icono de instalación en la barra de direcciones.
-
Haga clic en el icono Instalar y en el botón Instalar del cuadro de diálogo de confirmación. Cloud Player se instala como una aplicación independiente en el dispositivo y se puede iniciar con un icono.
Opción de instalación de Cloud Player cloud-player-install-option
- La opción de instalación de un PWA también se conoce como "Añadir a la pantalla de inicio" o función A2HS. La compatibilidad para instalar PWA desde la Web varía según el explorador y la plataforma.
- Cada navegador tiene diferentes criterios para comprobar si la aplicación del PWA se puede instalar o no. Generalmente, el explorador puede comprobar (más detalles aquí):
- Si la aplicación tiene un archivo json de manifiesto con las claves mínimas requeridas para instalar la aplicación en la plataforma, es decir, nombre, iconos, start_url, mostrar
- Si la aplicación tiene un archivo de trabajo de servicio con un detector de eventos de captura
- La aplicación debe proporcionarse a través de https
- La opción de instalación puede estar visible en diferentes ubicaciones en diferentes exploradores y tipos de dispositivos. Algunos exploradores pueden ocultar el icono de instalación en la barra de menús de opciones.
Aprovisionamiento masivo de Cloud Player bulk-provisioning
Para realizar el aprovisionamiento masivo del reproductor en la nube en varios dispositivos:
-
Elija una solución de MDM que admita la ejecución de un explorador con una dirección URL en modo quiosco.
-
Puede aplicar las mismas configuraciones a todos los dispositivos siguiendo estos pasos:
- Aloje config.json en un servidor al que se pueda acceder mediante, por ejemplo:
https://<config_server_host>/config.json
- Para instalar el reproductor en la nube y aplicar las configuraciones alojadas, utilice la URL del reproductor en la nube, como:
https://player.adobescreens.com?playerConfigAddress=https://<config_server_host>
- La aplicación Cloud Player busca config.json en la raíz de <config_server_host>, luego analiza el archivo config.json para obtener las configuraciones personalizadas y aplicarlas.
- Estas configuraciones se aplican a cada recarga del reproductor.
- Aloje config.json en un servidor al que se pueda acceder mediante, por ejemplo:
Aprovisionamiento masivo en el sistema operativo Chrome bulk-provisioning-chrome
Obtenga más información sobre el aprovisionamiento masivo en el sistema operativo Chrome. Consulte Instalación de Cloud Player en el sistema operativo Chrome. <!-- https://www.adobe.com/go/aem_screens_cloud_player_en
>
AEM Configuración necesaria en instancias de bulk-provisioning-config-aem
AEM AEM En función del tipo de instancia de, haga clic en una de las siguientes guías para habilitar CORS b/w, y Cloud Player:
Degradación de aplicaciones Chrome de Google degradaci%C3%B3n-de-aplicaciones-chrome-de-google
- Aplicaciones Chrome en Chrome OS Hardware:
- Reproductor de extensiones de Chrome en Mac, Windows y Linux®:
Compatibilidad sin conexión con la recuperación de contenido externo offline-support
En varios casos de uso, los canales pueden requerir la recuperación de contenido de una fuente externa (por ejemplo, widgets meteorológicos o aplicaciones de una sola página integradas en Commerce) que no puede proporcionar soporte sin conexión de forma inherente. Para habilitar la funcionalidad sin conexión para estos casos de uso específicos, Cloud Player ofrece compatibilidad con el encabezado personalizado.
Cloud Player utiliza una estrategia de caché de Network First, lo que significa que intenta recuperar contenido de la red (y actualizar la caché con la última versión) y volver al contenido almacenado en caché si está disponible. Para implementar la compatibilidad sin conexión para esta recuperación de contenido, el encabezado personalizado debe incluirse en la solicitud. A continuación, la solicitud con el encabezado personalizado se almacena en caché en el reproductor, lo que facilita el acceso sin conexión al contenido y mantiene la estrategia de caché de Network First.
// Sample fetch request with the 'X-Cache-Strategy' header
fetch(externalUrl, {
headers: {
'X-Cache-Strategy': 'external-cache'
}
})
.then(response => {
// Handle the response, which may be from the network or cache.
// Your logic here.
})
.catch(error => {
// Handle any errors that may occur during the fetch operation.
// Your error handling logic here.
});
Comentarios
El Adobe valora sus comentarios. Comparta sus ideas con nosotros a través de esto formulario.