ホームページ >ウェブフロントエンド >jsチュートリアル >Firebase Cloud Functions (v1 および v2) で CORS を有効にする方法は?

Firebase Cloud Functions (v1 および v2) で CORS を有効にする方法は?

DDD
DDDオリジナル
2024-12-09 14:06:11583ブラウズ

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

Cloud Functions for Firebase で CORS を有効にする

AJAX リクエストから Cloud Function を呼び出そうとすると、開発者は多くの場合「アクセス権がありません」というメッセージに遭遇します。 -Control-Allow-Origin'」エラー。この問題は、関数を作成したオリジン以外のオリジンからの関数へのアクセスを禁止するクロスオリジン ブロッキングが原因で発生します。

この問題を解決するために、Firebase では Cloud Functions バージョン 1 と 2 の両方で CORS を有効にするオプションを提供しています。 .

Cloud Functions v2

Cloud Functions v2 の場合、CORS は次のようになります。関数定義内で直接有効になります。次のコードは、これを実現する方法を示しています。

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

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

Cloud Functions v1

Cloud Functions v1 の場合、Firebase は CORS の使用法を示すサンプル関数を提供します。これらのサンプルは、CORS を操作する別のアプローチを示しています。

1 つのアプローチには、次のように CORS をインポートすることが含まれます。

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

このアプローチを使用した関数の一般的な形式は次のようになります。

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

これらの方法を採用することで、開発者は Cloud Functions で CORS をシームレスに有効にし、外部から関数にアクセスできるようになります。起源。

以上がFirebase Cloud Functions (v1 および v2) で CORS を有効にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。