En mi aplicación, me gustaría descargar archivos (.pdf y .xls) del almacenamiento de Firebase.

Puedo generar un enlace de descarga usando ref.getDownloadURL() , pero ese enlace hace que el navegador abra una nueva pestaña antes de descargar o abrir el archivo de destino.

Para evitar este comportamiento, puedo descargar el archivo en javascript usando res = await fetch([the download URL]) y luego await res.blob()

ESTO FUNCIONA BIEN:

 const res = await fetch([downloadURL]); const blob = await res.blob(); const url = URL.createObjectURL(blob); const anchor = document.createElement("a"); anchor.href = url; anchor.download = [file_name]; // eg my_file.xls anchor.click();

Sin embargo, la documentación sugiere que puedo descargar el blob directamente a través del SDK usando getBlob()

Intenté descargar una lista de los archivos en mi cubo de almacenamiento y recorrerlos para obtener el blob de la siguiente manera:

 const storageRef = storage.ref().child("my_files"); const list = await storageRef.listAll(); const blob_array = await Promise.all( list.items .map(async (file) => { const blob= await file.getBlob(); return { name: file.name, blob: blob, }; }) );

sin embargo, me sale un error:

TypeError: file.getBlob no es una función

La documentación de getBlob() dice:

Para usar esta funcionalidad, debe incluir en la lista blanca el origen de su aplicación en su depósito de Cloud Storage. Consulte también https://cloud.google.com/storage/docs/configuring-cors

Para probar esto, seguí la documentación a la que se hace referencia y, usando gsutil, configuré la política CORS para mi depósito de almacenamiento de la siguiente manera:

 [ { "origin": ["*"], "method": ["GET"], "maxAgeSeconds": 3600 } ]

Pensé que esto tendría el efecto de "incluir en la lista blanca" el origen de mis aplicaciones (según la documentación de getBlob() ), pero en su lugar sigo recibiendo el siguiente error:

TypeError: file.getBlob no es una función

¿Cómo puedo habilitar esta funcionalidad getBlob() ?