Estoy tratando de integrar Zoom Web Video SDK en una aplicación web existente, y SharedArrayBuffer se ha convertido en un requisito por motivos de rendimiento, y para habilitarlo, el sitio debe implementar Cross Origin Isolation. Seguí adelante y agregué la configuración requerida a NGINX, a saber:

 add_header 'Cross-Origin-Embedder-Policy' 'require-corp'; add_header 'Cross-Origin-Opener-Policy' 'same-origin';

... pero, por supuesto, esto tiene efectos colaterales para el resto del sitio previamente existente y en funcionamiento. Parece que las API de Google ya no se cargan correctamente.

Cambié mi index.html para agregar el atributo de origen cruzado a la etiqueta del script de la API de Google de la siguiente manera:

 <script src="https://apis.google.com/js/platform.js" async defer crossorigin></script>

... y en mi código fuente de javascript tengo (parafraseando y reduciendo la complejidad para entender el punto):

 gapi.load('client:auth2', function() { gapi.client .init({ client_id: 'MY-CLIENT-ID', cookiepolicy: 'single_host_origin', discoveryDocs: ['https://classroom.googleapis.com/$discovery/rest?version=v1'], scope: 'profile email' }) .then(() => console.log('init finished')) .catch(e) => console.error('init failed', e)); });

En ese código, gapi y gapi.client están bien definidos, pero la llamada init nunca se completa (no hay registros de consola desde entonces o desde catch). Al mirar la pestaña de red en devtools, se muestra una solicitud GET fallida para:

https://content-classroom.googleapis.com/static/proxy.html?usegapi=1& ... y muchas otras cosas, no estoy seguro de si es sensible, así que lo omito

Cuando te sumerges en la respuesta, muestra:

Para usar este recurso desde un origen diferente, el servidor debe especificar una política de recursos de origen cruzado en los encabezados de respuesta:

• Política de recursos de origen cruzado: mismo sitio Elija esta opción si el recurso y el documento se sirven desde el mismo sitio.
• Cross-Origin-Resource-Policy: cross-originOnly elija esta opción si un sitio web arbitrario que incluye este recurso no impone un riesgo de seguridad.

Obviamente, no puedo controlar lo que hacen los servidores de Google, pero ¿alguien puede indicarme cómo puedo hacer que esto funcione correctamente? Esto solo sale mal en presencia de mi cambio de configuración de NGINX al comienzo de esta publicación.

Actualizar

Solucioné esto parcialmente obteniendo el documento de descubrimiento para la API por separado y pasando el resultado al método gapi.client.init en lugar de la URL. Sin embargo, aunque ya no obtengo el resultado mencionado anteriormente en la pestaña de red de devtools, obtengo resultados extraños/incoherentes con respuestas como "popup_closed_by_user" y "popup_closed_by_browser" en respuesta a mi llamada GoogleAuth.signIn. Si elimino los encabezados de NGINX, comienza a comportarse como se esperaba nuevamente. No entiendo qué está pasando con esto.