[Firebase] us-central1以外にデプロイしたhttpsCallable関数を呼び出す際には..

2 min read読了の目安(約1900字



以下のようにasia-northeast1に httpsCallable 関数をデプロイしてアプリ側から呼ぶコードを書きました。

◆function 側

export const foo = functions
  .https.onCall(async (data, context) => {
    // ...


const functions = firebase.functions();

// fooはasia-notheast1のregionのhttpsCallable関数で呼び出される
const foo = functions.httpsCallable("foo");
foo({ /* ... */ }).then(/* ... */)

特になにも問題はないように見えるのですが、アプリ側から Cloud Functions for Firebase の httpsCallable 関数を呼び出したとき以下エラーで失敗してしまいました。

Access to fetch at 'https://us-central1-trigger-email-sample.cloudfunctions.net/foo' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

一見 CORS っぽいエラーなのですが、よく見ると関数の実行先がhttps://us-central1-xxxとなっています。
これでは region が違うので関数が見つかりません。

ドキュメントにも以下の記載がありました。どうやらus-central1以外にデプロイしている場合はアプリ側で region の設定が必要なようです。

Note: To call a function running in any location other than the default us-central1, you must set the appropriate value at initialization. For example, on Android you would initialize with getInstance(FirebaseApp app, String region).



以下のように firebase 初期化時に region をつけることで解決しました。

const functions = firebase.app().functions('asia-northeast1');

// fooはasia-notheast1のregionのhttpsCallable関数で呼び出される
const foo = functions.httpsCallable("foo");
foo({ /* ... */ }).then(/* ... */)