Włączanie CORS w funkcjach chmurowych dla Firebase

Question

Aktualnie uczę się korzystać z nowych funkcji chmurowych w Firebase, a problem, który mam, polega na tym, że nie mogę uzyskać dostępu do funkcji, którą napisałem za pomocą żądania AJAX. Otrzymuję błąd "Nie" Access-Control-Allow-Origin ". Oto przykład funkcji I napisał:

exports.test = functions.https.onRequest((request, response) => { 
    response.status(500).send({test: 'Testing functions'}); 
}) 

Funkcja siedzi w tym URL: https://us-central1-fba-shipper-140ae.cloudfunctions.net/test

Firebase docs sugeruje, aby dodać CORS middleware wewnątrz funkcji, próbowałem, ale to nie działa na mi: https://firebase.google.com/docs/functions/http-events

to jak to zrobiłem:

var cors = require('cors');  

exports.test = functions.https.onRequest((request, response) => { 
    cors(request, response,() => { 
    response.status(500).send({test: 'Testing functions'}); 
    }) 
}) 

Co robię źle? Byłbym wdzięczny za każdą pomoc.

UPDATE:

Doug Stevenson „s odpowiedź pomogła. Dodanie ({origin: true}) rozwiązało problem, musiałem również zmienić response.status(500) na response.status(200), którego na początku zupełnie mi brakowało.

Answer 1

Istnieją dwa sample functions świadczone przez zespół Firebase które demonstrują użycie CORS:

• Time server with date formatting
• HTTPS endpoint requiring Authentication

Druga próba wykorzystuje inny sposób pracy z Cors niż ty "Obecnie używam.

także rozważyć importowanie tak, jak pokazano w próbkach:

const cors = require('cors')({origin: true}); 

Answer 2

właśnie opublikował kawałek na tym:

https://mhaligowski.github.io/blog/2017/03/10/cors-in-cloud-functions.html

Generalnie, należy użyć Express, CORS package , który wymaga trochę hackowania, aby spełnić wymagania w funkcjach GCF/Firebase.

Nadzieję, że pomaga!

Answer 3

Jedna dodatkowa informacja, tylko dla tych, którzy szukają go po pewnym czasie: Jeśli korzystasz z hostingu Firebase, możesz również ustawić przepisywanie, aby na przykład adres URL podobny do (firebase_hosting_host)/api/funkcja myfunction przekierowuje do funkcji (firebase_cloudfunctions_host)/doStuff. W ten sposób, ponieważ przekierowanie jest przejrzyste i po stronie serwera, nie musisz zajmować się corsami.

Można ustawić, że się z sekcją przepisuje w firebase.json:

"rewrites": [ 
     { "source": "/api/myFunction", "function": "doStuff" } 
] 

Answer 4

Mam mały dodatek do @Andreys odpowiedzi na własne pytanie.

Wygląda na to, że nie trzeba wywoływać tego wywołania zwrotnego w funkcji, więc można po prostu wywołać moduł cors na górze funkcji, bez osadzania całego kodu w wywołaniu zwrotnym. Jest to znacznie szybsze, jeśli chcesz później zaimplementować cors.

exports.exampleFunction = functions.https.onRequest((request, response) => { 
    cors(request, response,() => {}); 
    return response.send("Hello from Firebase!"); 
}); 

Nie zapomnij init Cors jak wspomniano w poście otwierającym:

const cors = require('cors')({origin: true});