Estoy trabajando en una extensión de Chrome que está estructurada así:

• the service_worker : obtiene una lista de sitios web compatibles todos los días y, si es compatible, inyectaré un 'widget' en el sitio web
• el widget : es una aplicación React inyectada dentro de la página (una position:absolute ) que puede ayudar al usuario y que está vinculada a la cuenta de usuario de mi sitio web, por ejemplo, puede guardar un producto de Amazon y verlo más tarde en su cuenta en mi sitio web.

Mi problema es la comunicación entre estas dos partes. Un ejemplo: quiero verificar si el usuario tiene actualmente una sesión abierta en mi sitio web, en caso afirmativo, en la aplicación React (el widget) le mostraré algunas herramientas y sus elementos, y si no, le mostraré un enlace a iniciar sesión en mi sitio web.

Soluciones probadas :

• Llame a la API de mi sitio web directamente desde el widget : pero no quiero hacer la verificación desde el widget porque es parte de la página web y tengo miedo de un secuestro de cookies/token (dime si estoy equivocado).

• Uso de CustomEvents para obtener una respuesta : Encontré esta publicación útil , el problema es que, como se dijo en el punto 5, realmente no puedo esperar una respuesta del service_worker y almacenarla.

• Uso de CustomEvents con devoluciones de llamada : tampoco puedo enviar una función de devolución de llamada como se dice aquí .

• Uso de sendMessage desde la API de Chrome : para usar esto entre la página web y el service_worker , debe especificar en el archivo manifest.json el patrón de cada sitio web que necesita usarlo, pero la lista puede cambiar todos los días. Además, el dominio no puede ser * y no podemos usar <all_urls>

Entonces, mi comunicación solo funciona desde la página web a la extensión, pero no al revés.

¿Me puede aconsejar una manera de hacer que esto funcione? Gracias !