STORAGE_EMULATOR_HOST getting TypeError: Only HTTP(S) protocols are supported

[Ridermansb]

I have my firebase local emulator running with storage on port 9199

I set the STORAGE_EMULATOR_HOST=localhost:9199

I initialize my cloud storage as this..

import { Storage } from "@google-cloud/storage";
const storage = new Storage();

log('Storage running with config "%o"', {
  projectId: storage.projectId, // '{{projectId}}'
  apiEndpoint: storage.apiEndpoint, // 'https://localhost:9199'
  baseUrl: storage.baseUrl // 'localhost:9199'
});

When I tried to upload the file to my local storage emulator using this code..

  const bucket = storage.bucket("gs://{{MY_PROJECT_ID}}.appspot.com");
  const file = bucket.file(`user-url-assets/${userUrl.id}}/${fileName}`);
  return file.save(buffer, {
    public: true,
    metadata: {
      cacheControl: "public, max-age=31536000",
      metadata: {
        ...userUrl
      }
    }
  });

I'm getting this error:

/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/node-fetch/lib/index.js:1331
throw new TypeError('Only HTTP(S) protocols are supported');
^
TypeError: Only HTTP(S) protocols are supported
at getNodeRequestOptions (/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/node-fetch/lib/index.js:1331:9)
at /Users/ridermansb/Projects/mine/pageHistory/web/node_modules/node-fetch/lib/index.js:1454:19
at new Promise ()
at fetch (/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/node-fetch/lib/index.js:1451:9)
at teenyRequest (/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/teeny-request/build/src/index.js:203:30)
at Object.request (/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/teeny-request/build/src/index.js:243:9)
at Timeout.makeRequest [as _onTimeout] (/Users/ridermansb/Projects/mine/pageHistory/web/node_modules/retry-request/index.js:171:28)
at listOnTimeout (node:internal/timers:569:17)
at process.processTimers (node:internal/timers:512:7)

Some environment variables are set

  FIRESTORE_EMULATOR_HOST: 'localhost:8080',
  FIREBASE_AUTH_EMULATOR_HOST: 'localhost:9099',
  FIREBASE_PUBSUB_EMULATOR_HOST: 'localhost:8085',
  FIREBASE_STORAGE_EMULATOR_HOST: 'localhost:9199',
  STORAGE_EMULATOR_HOST: 'localhost:9199',
  GCLOUD_PROJECT: '{{PROJECT_ID}}'

[ddelgrosso1]

Hi @Ridermansb the recommendation currently is to use apiEndpoint. STORAGE_EMULATOR_HOST is noted as experimental. There are some other issues being worked on around compatibility with the Firebase Emulator #2092.

[Ridermansb]

Hey @ddelgrosso1 .. I tried as well.. get the same results :(

[ddelgrosso1]

@Ridermansb I setup and ran some tests against the Firebase emulator today. Unfortunately I did not get any errors. The code I used is below:

const s = new Storage({projectId: 'MY-PROJECT', apiEndpoint: 'http://127.0.0.1:9199'});
const b = s.bucket("gs://MY-PROJECT.appspot.com")
const f = b.file('MY-FILE');

async function testLargeResumable() {
  try {
    await f.save("hell world", {
      public: true,
      metadata: {
        cacheControl: "public, max-age=31536000",
        metadata: {
          someThing: 'http://blah.com'
        }
  }});

Is there any other information that might be helpful in debugging / reproducing this?

[ddelgrosso1]

Going to close this as I am unable to reproduce locally. If more information on recreating this becomes available please feel free to reopen with the additional info.

[jelling]

At least in my case, root cause appears to be that the storage library is passing the IP address into the protocol property when it calls node-fetch:

Like OP, this happens even when using the apiEndpoint property:

  const s = new Storage({
    projectId: "reboot-tv-test",
    // neither http or https work
    // apiEndpoint: "http://127.0.0.1:9199",
    apiEndpoint: "https://127.0.0.1:9199",
  });
  const b = s.bucket("gs://reboot-tv-test.appspot.com");
  const file = b.file(storagePath);
  const tmpFilePath = `${os.tmpdir()}/${storagePath}`;
  await file.download({ destination: tmpFilePath, validation: false });

[ivansalacceo]

I solved this issue by changing the environment variable of STORAGE_EMULATOR_HOST to use http

FIRESTORE_EMULATOR_HOST: 'localhost:8080',
FIREBASE_STORAGE_EMULATOR_HOST: 'localhost:9199',
STORAGE_EMULATOR_HOST: 'http://localhost:9199'

[Ridermansb]

apiEndpoint: "https://127.0.0.1:9199",

@ddelgrosso1

To reproduce it's simple.

1. Create an API that uses HTTPS.
2. On that API, try uploading something to storage with the environment variable set to.STORAGE_EMULATOR_HOST: 'localhost:9199'

If you run the API under HTTP, you will not be able to reproduce it.