В этом разделе описаны действия для загрузки мультимедийных данных, таких как фотографии, видео, PDF и аудиофайлы.

Вы можете узнать о добавлении каждого действия, посетив следующие страницы.

Типы загрузки

Для загрузки медиафайлов у вас есть два варианта:

  • Firebase: В этом случае медиафайлы будут загружены в хранилище Firebase. После загрузки вы можете напрямую использовать состояние виджета > URL загруженного файла для предварительного просмотра медиа или сохранения URL.
до 1
  • Локальный (состояние виджета): Это позволит сначала сохранить медиафайл на устройстве. Доступ к нему можно получить через Widget State > Uploaded Local File. Затем выполните вызов API для передачи файла на ваш сервер. Обратите внимание, что этот вызов API должен вернуть URL-адрес загруженного файла, который вы можете позже использовать для предварительного просмотра медиафайла или сохранить его где-нибудь в своей базе данных.
до 2

Веб-доступ для PDF-файлов и других файлов

Для доступа к некоторым типам файлов через Интернет требуется дополнительная настройка. В частности, PDF Viewer требует, чтобы сетевые файлы (такие как загруженные PDF) позволяли так называемый Cross-Origin Resource Sharing (CORS). Если вы хотите, чтобы пользователи могли загружать и просматривать PDF-файлы с помощью Firebase Storage, следуйте приведенным ниже инструкциям:

Наденьте шляпу разработчика

Для начала работы вам потребуется выполнить несколько команд. Но не волнуйтесь! Для этой части не требуется опыт программирования, но вы увидите, как это делается 🙂 .

Если у вас есть опыт программирования, возможно, вам будет проще следовать этому руководству: https://firebase.google.com/docs/storage/web/download-files#cors_configuration.

Начните с поиска Project ID вашего проекта Firebase. Вы можете найти его на вкладке настроек Firebase, как показано ниже.

до 3

После этого выполните следующие действия. Везде, где вы видите FIREBASE_PROJECT_ID, замените его на ID проекта, который вы нашли выше:

Шаг 1

Перейдите по следующей ссылке (не забудьте использовать свой ID проекта):

https://console.cloud.google.com/home/dashboard?cloudshell=true&project=FIREBASE_PROJECT_ID
до 3

Внизу вы увидите вид, который выглядит следующим образом (возможно, вам придется нажать кнопку «Продолжить»):

до 4

ID вашего проекта должен отображаться желтым цветом. Если это не так, или если выбран другой проект, возможно, вам придется нажать на стрелку вниз (обведена красным выше) и выбрать свой проект.

Шаг 2

Нажмите на терминал (черный экран), вставьте следующую команду (снова заменив ее на ваш ID проекта в последней строке) и нажмите Enter (или Return):

touch cors.json && \
echo [{\»origin\»: [\»*\»], \»method\»: [\»GET\»], \»maxAgeSeconds\»: 3600}] > cors.json && \
gsutil cors set cors.json gs://FIREBASE_PROJECT_ID.appspot.com

Если вы получите сообщение «Authorize Cloud Shell», обязательно нажмите «Authorize». После выполнения команды должен появиться результат, аналогичный приведенному ниже. Если это так, то все получилось!

до 5

И на этом все готово! Теперь PDF-файлы и другие загруженные файлы будут загружаться в Интернете без проблем!