AWS Cloud9 no permite el archivo manifest.json estático, pero sí permite el archivo css

amazon-web-services progressive-web-apps

Question

Estoy desarrollando un PWA en AWS Cloud9, pero no permitirá que se incluya / haga referencia a mi manifest.json en una etiqueta de enlace. Dice "La conexión VFS no está presente" en las herramientas de desarrollo como si no pudiera encontrar el manifiesto porque es externo a la aplicación. Recibo un error 499 en la consola. Este es el mismo mensaje que recibo si detengo el nodo http-server y recargo la página de vista previa, porque no se está publicando en el puerto 8080. SÍ encuentra el archivo CSS en una etiqueta de enlace muy bien (en la misma carpeta ), ¿es así porque es rel = manifest, o no permitirá que se incluya un archivo json por razones de seguridad, o alguna otra razón? ¿Alguien sabe por qué este archivo no funciona?

<link rel="manifest" href="manifest.json" />

Answer 1

Es principalmente porque en este momento su aplicación no es de acceso público en el puerto 80, una vez que vaya a funcionar, no debería ser un problema.

Actualización - Método alternativo a continuación

Puede colocar el contenido json de manifiesto como una cadena codificada en base64 en el propio html. A continuación se muestra el json de manifiesto de muestra y su implementación en la etiqueta de enlace en la página.

{
"name": "your app name",
"gcm_sender_id": "xxxxxxx",
"gcm_user_visible_only": "true"
}

En la página HTML -

<link rel="manifest" href="data:application/manifest+json;base64,ewogICJuYW1lIjogInlvdXIgYXBwIG5hbWUiLAogICJnY21fc2VuZGVyX2lkIjogInh4eHh4eHgiLAogICJnY21fdXNlcl92aXNpYmxlX29ubHkiOiAidHJ1ZSIKfQ==">

Answer 2

Según MDN Web Docs, la etiqueta de enlace debe ser así.

<link rel="manifest" href="/manifest.webmanifest">

Aquí está el enlace a la información que encontré. Espero que ayude.

https://developer.mozilla.org/en-US/docs/Web/Manifest

PD: Soy nuevo en , así que no puedo comentar sobre la pregunta, por eso es que publico un poco de investigación en la respuesta.