Загрузка данных
Этот раздел охватывает действия по загрузке медиафайлов, таких как фотографии, видео, PDF и аудиофайлы.
Вы можете узнать о том, как добавить каждое действие, посетив следующие страницы.
Типы загрузки
Для загрузки медиафайлов у вас есть два варианта:
Firebase
Это загрузит ваше медиа в Хранилище Firebase. После загрузки вы можете непосредственно использовать Состояние виджета > URL загруженного файла для предварительного просмотра медиа или сохранения URL.
Supabase
Аналогично Firebase, это загрузит ваше медиа в бакет Supabase (в указанное вами конкретное местоположение). После загрузки вы можете непосредственно использовать Состояние виджета > URL загруженного файла для предварительного просмотра медиа или сохранения URL.
Локальная загрузка (Состояние виджета)
Это сохранит ваше медиа сначала на устройстве. Вы сможете получить доступ к нему через Состояние виджета > Загруженный локальный файл. Затем выполните вызов API для передачи файла на ваш сервер. Обратите внимание, что этот вызов API должен вернуть URL загруженного файла, который вы позже можете использовать для предварительного просмотра медиа или сохранения его где-то в вашей базе данных.
Веб-доступ для PDF и других файлов
Некоторым типам файлов требуется дополнительная конфигурация для доступа к ним через веб. В частности, для PDF-просмотра требуется разрешение на кросс-доменный обмен ресурсами (CORS) для сетевых файлов (таких как загруженные PDF). Без погружения в детали, важно, что если вы хотите, чтобы пользователи могли загружать и просматривать PDF через Хранилище Firebase, следуйте инструкциям ниже:
Оденьте свою "разработческую шапочку"
Вам нужно выполнить несколько команд, чтобы начать. Не волнуйтесь, однако! Никаких навыков программирования не требуется для этой части, но вы увидите, как это делается 🙂
Если *у вас *есть опыт программирования, вам может быть удобнее следовать этому руководству: https://firebase.google.com/docs/storage/web/download-files#cors_configuration
Начните с поиска ID проекта вашего Firebase-проекта. Вы можете найти его на вкладке настроек Firebase, как показано ниже.
После этого следуйте этим шагам. Где бы вы ни увидели *FIREBASE_PROJECT_ID*, замените его на ID проекта, который вы нашли выше:
Шаг 1
Перейдите по следующей ссылке (не забудьте использовать свой ID проекта): https://console.cloud.google.com/home/dashboard?cloudshell=true&project=FIREBASE_PROJECT_ID
Внизу вы увидите вид, похожий на этот (вам может потребоваться нажать "Продолжить"):
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
Если вы получите сообщение о "Авторизации оболочки Cloud", убедитесь, что нажали "Авторизовать". После выполнения команды она должна выдать вывод, аналогичный ниже. Если так, значит, все прошло успешно!
И вот, вы закончили! PDF и другие загруженные файлы теперь будут загружаться на веб-странице без проблем!