फायरबेस स्टोरेज और एक्सेस-कंट्रोल-अलाउंस-ओरिजिन

Question 1

मैं एक XMLHttpRequest के माध्यम से फायरबेस स्टोरेज से फाइलें डाउनलोड करने की कोशिश कर रहा हूं, लेकिन संसाधन पर एक्सेस-कंट्रोल-अनुमति-उत्पत्ति सेट नहीं है, इसलिए यह संभव नहीं है। क्या इस हेडर को स्टोरेज सर्वर पर सेट करने का कोई तरीका है?

  (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/ को लोड नहीं कर सकता है। [ ] कोई अनुरोधित संसाधन पर 'एक्सेस-कंट्रोल-अनुमति-उत्पत्ति' हेडर मौजूद नहीं है। उत्पत्ति ' http: // localhost: 3449 ' इसलिए पहुंच की अनुमति नहीं है।

Question 2

इस पोस्ट से फायरबेस-टॉक ग्रुप / लिस्ट पर :

CORS के लिए अपने डेटा को कॉन्फ़िगर करने का सबसे आसान तरीका gsutilकमांड लाइन टूल है। इसके लिए स्थापना निर्देश https://cloud.google.com/storage/docs/gsutil_installgsutil पर उपलब्ध हैं । एक बार जब आप इसके साथ स्थापित और प्रमाणित हो जाते हैं, तो आप इसका उपयोग कोर को कॉन्फ़िगर करने के लिए कर सकते हैं।gsutil

उदाहरण के लिए, यदि आप अपने कस्टम डोमेन से ऑब्जेक्ट डाउनलोड करने की अनुमति देना चाहते हैं, तो इस डेटा को 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
और आपको सेट किया जाना चाहिए।

यदि आपको अधिक जटिल कॉर्स कॉन्फ़िगरेशन की आवश्यकता है, तो डॉक्स को https://cloud.google.com/storage/docs/cross-origin#Configuring-Cors-on-a-Bucket पर देखें ।

Question 3

Google क्लाउड में अब इस प्रक्रिया को और भी आसान बनाने के लिए एक इनलाइन संपादक है। अपने स्थानीय सिस्टम पर कुछ भी स्थापित करने की आवश्यकता नहीं है।

जीसीपी कंसोल खोलें और >_शीर्ष नावबार में आइकन बटन पर क्लिक करके क्लाउड टर्मिनल सत्र शुरू करें।
संपादक खोलने के लिए पेंसिल आइकन पर क्लिक करें, फिर cors.jsonफ़ाइल बनाएं ।
Daud gsutil cors set cors.json gs://your-bucket

Question 4

बस जवाब में जोड़ना चाहते हैं। बस Google कंसोल (कंसोल.क्लाउड.होम) में अपनी परियोजना पर जाएं और अपनी परियोजना चुनें। टर्मिनल खोलें और बस cors.json फ़ाइल ( touch cors.json) बनाएं और फिर उत्तर का पालन करें और इस फ़ाइल को संपादित करें ( vim cors.json) @ frank-van-puffelen द्वारा सुझाए गए अनुसार

इसने मेरे लिए काम किया। चीयर्स!

Question 5

ऐसा करने के लिए एक और दृष्टिकोण Google JSON API का उपयोग कर रहा है। चरण 1: JSON एपीआई के साथ उपयोग करने के लिए टोकन प्राप्त करें। टोकन का उपयोग करने के लिए जाएं : https://developers.google.com/oauthplayground/ फिर JSON API या संग्रहण के लिए खोज करें आवश्यक विकल्पों का चयन करें अर्थात पढ़ें, लिखें, full_access (उन पर टिक करें जो आवश्यक हैं) एक्सेस टोकन प्राप्त करने के लिए प्रक्रिया का पालन करें, जो एक घंटे के लिए वैध होगा। चरण 2: कॉर्स को अपडेट करने के लिए Google JSON API को हिट करने के लिए टोकन का उपयोग करें

नमूना कर्ल:

    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 क्रोम प्लगइन .. yeap ..!

moesif CORS एक्सटेंशन स्थापित करने के बाद सुनिश्चित करें, आप इसे चालू करते हैं

Question 7

किसी भी संसाधन के साथ एक CORS हेडर लागू करने के लिए, आप एक छोटी सी परियोजना का उपयोग कर सकते हैं जिसे मैंने खुद के लिए गोलंग में बनाया था - https://proxify-cors.herokuapp.com/