Maison > interface Web > js tutoriel > Comment activer CORS dans Firebase Cloud Functions (v1 et v2) ?

Comment activer CORS dans Firebase Cloud Functions (v1 et v2) ?

DDD
Libérer: 2024-12-09 14:06:11
original
590 Les gens l'ont consulté

How to Enable CORS in Firebase Cloud Functions (v1 & v2)?

Activation de CORS dans les fonctions Cloud pour Firebase

Lorsqu'ils tentent d'appeler une fonction Cloud à partir d'une requête AJAX, les développeurs rencontrent souvent "No' Access -Erreurs Control-Allow-Origin'". Ce problème provient du blocage d'origines croisées, qui interdit l'accès aux fonctions provenant d'une origine autre que celle qui les a créées.

Pour résoudre ce problème, Firebase propose des options pour activer CORS dans les versions 1 et 2 de Cloud Functions. .

Cloud Functions v2

Pour Cloud Functions v2, CORS peut être activé directement dans le définition de la fonction. Le code suivant montre comment y parvenir :

const { onRequest } = require("firebase-functions/v2/https");

exports.sayHello = onRequest({ cors: true }, (req, res) => {
  res.status(200).send("Hello world!");
});
Copier après la connexion

Cloud Functions v1

Pour Cloud Functions v1, Firebase fournit des exemples de fonctions qui démontrent l'utilisation de CORS. Ces exemples présentent des approches alternatives pour travailler avec CORS.

Une approche consiste à importer CORS comme suit :

const cors = require('cors')({origin: true});
Copier après la connexion

La forme générale d'une fonction utilisant cette approche serait similaire à :

exports.fn = functions.https.onRequest((req, res) => {
  cors(req, res, () => {
    // function body using req and res provided by cors
  });
});
Copier après la connexion

En adoptant ces méthodes, les développeurs peuvent activer de manière transparente CORS dans Cloud Functions, permettant ainsi à leurs fonctions d'être accessibles depuis des origines externes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal