Зберігання Firebase та контроль доступу-дозволу-походження

Question 1

Я намагаюсь завантажити файли із сховища Firebase через XMLHttpRequest, але Access-Control-Allow-Origin не встановлений на ресурсі, тому це неможливо. Чи є спосіб встановити цей заголовок на сервері зберігання?

  (let [xhr (js/XMLHttpRequest.)]
    (.open xhr "GET" url)
    (aset xhr "responseType" "arraybuffer")
    (aset xhr "onload" #(js/console.log "bin" (.-response xhr)))
    (.send xhr)))

Повідомлення про помилку Chrome:

XMLHttpRequest не може завантажити https://firebasestorage.googleapis.com/[EDITED] На запитаному ресурсі немає заголовка 'Access-Control-Allow-Origin'. Таким чином, походження ' http: // localhost: 3449 ' не має доступу.

Question 2

З цього допису в групі / списку firebase-talk :

Найпростіший спосіб налаштування даних для CORS - це за gsutilдопомогою інструменту командного рядка. Інструкції з gsutilвстановлення доступні за адресою https://cloud.google.com/storage/docs/gsutil_install . Після встановлення gsutilта автентифікації за допомогою нього можна використовувати його для налаштування CORS.

Наприклад, якщо ви просто хочете дозволити завантаження об’єктів із власного домену, помістіть ці дані у файл із назвою cors.json (замінюючи "https://example.com"на ваш домен):
[
  {
    "origin": ["https://example.com"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]
Потім запустіть цю команду (замінивши "exampleproject.appspot.com"на ім'я вашого сегмента):
gsutil cors set cors.json gs://exampleproject.appspot.com
і ви повинні бути налаштовані.

Якщо вам потрібна більш складна конфігурація CORS, перегляньте документи на https://cloud.google.com/storage/docs/cross-origin#Configuring-CORS-on-a-Bucket .

Question 3

Тепер Google Cloud має вбудований редактор, щоб зробити цей процес ще простішим. Не потрібно нічого встановлювати у локальній системі.

Відкрийте консоль GCP і запустіть сеанс хмарного терміналу, натиснувши кнопку >_значка у верхній панелі навігації.
Клацніть піктограму олівця, щоб відкрити редактор, а потім створіть cors.jsonфайл.
Біжи gsutil cors set cors.json gs://your-bucket

Question 4

Просто хочу додати до відповіді. Просто перейдіть до свого проекту на консолі Google (console.cloud.google.com/home) і виберіть свій проект. Там відкрийте термінал і просто створіть файл cors.json ( touch cors.json), а потім дотримуйтесь відповіді та відредагуйте цей файл ( vim cors.json), як запропонував @ frank-van-puffelen

Це спрацювало для мене. На здоров’я!

Question 5

інший підхід для цього - використання Google JSON API. крок 1: отримати маркер доступу для використання з JSON API , щоб отримати маркер використання Перейти до: https://developers.google.com/oauthplayground/ Тоді пошуку JSON API або зберігання Виберіть необхідні параметри , тобто читання, запис, full_access (відзначте ті , необхідні) Виконайте процедуру, щоб отримати маркер доступу, який діятиме протягом години. Крок 2: Використовуйте маркер, щоб натиснути API JSON Google для оновлення CORS

Зразок завитки:

    curl -X PATCH \
  'https://www.googleapis.com/storage/v1/b/your_bucket_id?fields=cors' \
  -H 'Accept: application/json' \
  -H 'Accept-Encoding: gzip, deflate' \
  -H 'Authorization: Bearer ya29.GltIB3rTqQ2tJgh0cMj1SEa1UgQNJnTMXUjMlMIRGG-mBCbiUO0wqdDuEpnPD6cbkcr1CuLItuhaNCTJYhv2ZKjK7yqyIHNgkCBup-T8Z1B1RiBrCgcgliHOGFDz' \
  -H 'Content-Type: application/json' \
  -H 'Postman-Token: d19f29ed-2e80-4c34-85ee-c46c9058fac0' \
  -H 'cache-control: no-cache' \
  -d '{
  "location": "us",
  "storageClass": "Standard",
  "cors": [
      {
          "maxAgeSeconds": "360000000",
          "method": [
             "GET",
             "HEAD",
             "DELETE"
          ],
          "origin": [
             "*"
          ],
          "responseHeader":[
            "Content-Type"
         ]
      }
  ]
}'

Question 6

Я хотів би додати для тих, хто гостро потребує рішення, як це було після того, як спробував усе це, і не вирішити проблему. Я знайшов чудову статтю в Інтернеті, що пропонує 3 рішення, і перше працювало для мене .. плагін google chrome .. ага! ..

moesif розширення CORS Переконайтеся, що після встановлення ви вмикаєте його

Question 7

Для доступу до будь-якого ресурсу із застосованим заголовком CORS ви можете скористатися невеликим проектом, який я зробив для себе в Голангу - https://proxify-cors.herokuapp.com/