useFunctionsEmulator not working with region

[ThewBear]

[REQUIRED] Describe your environment

• Operating System version: Windows 10
• Browser version: Chrome 79
• Firebase SDK version: 7.6.1
• Firebase Product: Functions

[REQUIRED] Describe the problem

Emulator url will be ignored and call to cloudfunctions.net instead when setting region.

Relevant Code:

firebase.functions().useFunctionsEmulator("http://localhost:5001");

// This will call to cloudfunctions.net
firebase.app().functions("asia-east2").httpsCallable(<FnName>);

// This will call to localhost
firebase.app().functions().httpsCallable(<FnName>);

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[rommelpe]

Thanks for reporting, @ThewBear. It looks like an intended behavior as it's meant to test the function locally, the region isn't being observed. It's not until you deploy it that you can invoke it in the given region. The deployed URL should have the region in the hostname part of the URL, not in the path as you get the emulator.

[ThewBear]

So my current workaround is

if (process.env.NODE_ENV === "development") {
  firebase.app().functions().httpsCallable(<FnName>);
} else {
  firebase.app().functions("asia-east2").httpsCallable(<FnName>);
}

I think it would be better if I can give a region and firebase ignores it when using emulator.
This is already working in firebase-functions.

[rommelpe]

Thanks for letting us know your workaround, @ThewBear. While this is currently an intended behavior, we'll treat this as a feature request and keep this open.

[jQrgen]

+1

[binajmen]

+1 👍

[ranga27]

+1

[elbourki]

I was using firebase.functions().useFunctionsEmulator(environment.emulator) globally, so to keep the changes to a minimum I used this as a workaround:

firebase.app().functions(environment.emulator ? undefined : 'europe-west1').httpsCallable(<FnName>)

[loucou]

I would like to add that when using automatic app initialization by including:
<script defer src="/__/firebase/init.js?useEmulator=true"></script>
Only calls to functions located in us-central1 are directed to localhost, calls to other regions go to ...cloudfunctions.net
As a consequence we still need to perform some manual initialization over the automatic init:

if (location.hostname === "localhost") {
  firebase.app().functions("europe-west3").useEmulator("localhost", 5001);
}

[shu-pf]

It seems that the specifications of the functions emulator have changed.
Currently, when a region is specified in the functions, the url will look like this in the emulator.
The region is included in the functions URL.

• Before
  http://localhost:5001/(my-app-id)/(function-name)

• After
  http://localhost:5001/(my-app-id)/(region)/(function-name)

As mentioned earlier, if you currently try to connect to a region other than us-central1, you will be connected to the production environment.
Therefore, we need to change the region of functions so that it can be accessed from the sdk.

This means that the following actions are currently required to run the emulator correctly in projects other than us-central1.

firebase js sdk

if (process.env.NODE_ENV === "development") {
  firebase.app().functions().httpsCallable(<FnName>);
} else {
  firebase.app().functions("asia-east2").httpsCallable(<FnName>);
}

firebase functions

import * as functions from 'firebase-functions';

if (process.env.FUNCTIONS_EMULATOR) {
  functions.region('us-central1');
} else {
  functions.region('asia-northeast1');
}

[binajmen]

This is working for me:

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/functions'
import 'firebase/auth'
import 'firebase/storage'

if (!firebase.apps.length) {
  firebase.initializeApp({ ... })
}

if (process.env.NODE_ENV === "development") {
  firebase.app().functions('europe-west1').useEmulator('localhost', 5001)
  // ...
}

export default firebase

const isDev = process.env.NODE_ENV === "development"
const functions = firebase.app().functions(isDev ? undefined : 'europe-west1')
const myCallableFunction = functions.httpsCallable('myCallableFunction')

src: firebase/firebase-tools#3519 (comment)