Creo un dominio de servidor de prueba llamado, por ejemplo, https://pwa.test.com y coloco dos PWA:
https://pwa.test.com/app1
https://pwa.test.com/app2
Estoy usando VueJS y en vue.config.js es posible configurar la URL base en la subcarpeta. Entonces, ambos PWA funcionan correctamente en cada subcarpeta. El problema es que comparten el almacenamiento local y de sesión, y esto es un grave problema de seguridad.
IndexedDB tiene un nombre específico para cada aplicación, pero ambas se enumeran juntas.
¿Cómo puedo separar completamente mis aplicaciones?
Intento usar 'alcance' en manifest.json, pero esto no se aplica al almacenamiento.
Usando el almacenamiento local, usted está a cargo de detectar qué PWA está tratando de acceder a los datos. Si realmente necesita usar el mismo subdominio para ambos, también debe usar diferentes claves para identificar los elementos en el almacenamiento local. Lo mismo se aplica a las sesiones.
La mejor solución sería usar diferentes subdominios para la misma aplicación. Su navegador debe hacer el resto y almacenar la información por separado.