Activation de CORS dans les fonctions Cloud pour Firebase

Question

Je suis en train d'apprendre à utiliser les nouvelles fonctions Cloud pour Firebase et le problème que je rencontre est que je ne peux pas accéder à la fonction que j'ai écrite par le biais d'une requête AJAX. Je reçois l'erreur "No 'Access-Control-Allow-Origin'". Voici un exemple de la fonction que j'ai écrite :

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

La fonction se trouve dans cette url : https://us-central1-fba-shipper-140ae.cloudfunctions.net/test

La documentation de Firebase suggère d'ajouter un middleware CORS à l'intérieur de la fonction, j'ai essayé mais cela ne fonctionne pas pour moi : https://firebase.google.com/docs/functions/http-events

C'est comme ça que j'ai fait :

var cors = require('cors');    

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

Qu'est-ce que je fais de mal ? J'apprécierais toute aide à ce sujet.

UPDATE :

Doug Stevenson La réponse de l'auteur a été utile. L'ajout de ({origin : true}) a réglé le problème, j'ai également dû modifier response.status(500) a response.status(200) ce que j'ai complètement manqué au début.

Answer 1

Il y a deux exemples de fonctions fournis par l'équipe de Firebase qui démontrent l'utilisation de CORS :

• Serveur de temps avec formatage de la date
• Point d'accès HTTPS nécessitant une authentification

Le deuxième exemple utilise une méthode de travail avec les cors différente de celle que vous utilisez actuellement.

Pensez à importer comme ceci, comme indiqué dans les exemples :

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

Et la forme générale de votre fonction sera la suivante :

exports.fn = functions.https.onRequest((req, res) => {
    cors(req, res, () => {
        // your function body here - use the provided req and res from cors
    })
});

Answer 2

Vous pouvez définir le CORS dans la fonction "cloud" comme suit

response.set('Access-Control-Allow-Origin', '*');

Il n'est pas nécessaire d'importer le cors paquet

Answer 3

Pour ceux qui essaient de faire cela en Typescript, voici le code :

import * as cors from 'cors';
const corsHandler = cors({origin: true});

export const exampleFunction= functions.https.onRequest(async (request, response) => {
       corsHandler(request, response, () => {});
       //Your code here
});

Answer 4

Une information supplémentaire, juste pour ceux qui chercheront cette information sur Google après un certain temps : Si vous utilisez l'hébergement firebase, vous pouvez également configurer des réécritures, de sorte que, par exemple, une url comme (firebase_hosting_host)/api/myfunction redirige vers la fonction (firebase_cloudfunctions_host)/doStuff. De cette façon, puisque la redirection est transparente et côté serveur, vous n'avez pas à vous occuper des cors.

Vous pouvez configurer cela avec une section de réécriture dans firebase.json :

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

Answer 5

J'ai un petit complément à la réponse d'@Andreys à sa propre question.

Il semble que vous n'ayez pas besoin d'appeler le callback dans la section cors(req, res, cb) de sorte que vous pouvez simplement appeler le module cors au début de votre fonction, sans intégrer tout votre code dans la fonction de rappel. C'est beaucoup plus rapide si vous voulez implémenter les cors par la suite.

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

N'oubliez pas de mettre des cors init comme mentionné dans le post d'ouverture :

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

Mise à jour : Toute fonction de réponse qui prend du temps risque une erreur CORS avec cette implémentation car elle n'a pas l'async/await approprié. Ne l'utilisez pas en dehors des points de terminaison de prototypage rapide qui renvoient des données statiques.