error : Firebase is not defined

[ahmetteksas]

Hello Guys, I have an issue. I have implemented everything correctly but still there is an error in my webGL build which says that "there was an error: firebase is not defined". I did everything as in the video. What should i do to solve this problem?

[dlrkdmsdkdld]

oh... i got same error....
have you solve this problem?

[dlrkdmsdkdld]

i think different version make error
firebase released v9 firebase

[dlrkdmsdkdld]

please reply to me

[ahmetteksas]

Dude, it resolved by itself. I did not do anything 🙂 I think it is about firebase version. Outlook<http://aka.ms/weboutlook>'tan gönderildi

…

________________________________ Gönderen: GaHyungLee ***@***.***> Gönderildi: 23 Mart 2022 Çarşamba 16:02 Kime: rotolonico/FirebaseWebGL ***@***.***> Bilgi: ahmetteksas ***@***.***>; Author ***@***.***> Konu: Re: [rotolonico/FirebaseWebGL] error : Firebase is not defined (Issue #13) i think different version make error firebase released v9 firebase — Reply to this email directly, view it on GitHub<#13 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/APB3CA4ADKJR36SW246PVWTVBMI6BANCNFSM5PIGFATQ>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[dlrkdmsdkdld]

Dude, it resolved by itself. I did not do anything 🙂 I think it is about firebase version. Outlookhttp://aka.ms/weboutlook'tan gönderildi
…
________________________________ Gönderen: GaHyungLee @.> Gönderildi: 23 Mart 2022 Çarşamba 16:02 Kime: rotolonico/FirebaseWebGL @.> Bilgi: ahmetteksas @.>; Author @.> Konu: Re: [rotolonico/FirebaseWebGL] error : Firebase is not defined (Issue #13) i think different version make error firebase released v9 firebase — Reply to this email directly, view it on GitHub<#13 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/APB3CA4ADKJR36SW246PVWTVBMI6BANCNFSM5PIGFATQ. You are receiving this because you authored the thread.Message ID: @.***>

can i see your code?
i want resolved this problem

[easypeelgames]

Any luck with this, guys? I am having the same issue now out of nowhere. It was working it stopped.

[dlrkdmsdkdld]

Any luck with this, guys? I am having the same issue now out of nowhere. It was working it stopped.

dont worry buddy you must change firebase version8.
if you do it , your code work well :D
this opensource working in version 8

[Boellis]

Any luck with this, guys? I am having the same issue now out of nowhere. It was working it stopped.

dont worry buddy you must change firebase version8. if you do it , your code work well :D this opensource working in version 8

Do you have a snippet of what your .html file looks like with version8 included instead of v9?

[dlrkdmsdkdld]

Any luck with this, guys? I am having the same issue now out of nowhere. It was working it stopped.

dont worry buddy you must change firebase version8. if you do it , your code work well :D this opensource working in version 8

Do you have a snippet of what your .html file looks like with version8 included instead of v9?
i think you dont need any example. you just change your index.html
if you have firebase docs, you can see version 8 in CDN mode

[mars1277]

I have finally got it worked ^^
I'm using v8.8.0 firebase unity sdk, and in the index.html I extended these:

• at line 7 after the title I inserted this: <script src="https://www.gstatic.com/firebasejs/8.8.0/firebase.js"></script>
• after }).then((unityInstance) => { I inserted these 2 lines:

		  this.unityInstance = unityInstance;
		  this.firebase = firebase;

• and between </script> and </body> I inserted this:

	<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
	<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>
	<script>
	  // Your web app's Firebase configuration
	  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
	  const firebaseConfig = {
		...
	  };
	  // Initialize Firebase
	  firebase.initializeApp(firebaseConfig);
	</script>

I don't know if all of them are needed or not, and on the console there is a warning that "Firebase is already defined in the global scope.", but it works now so I leave it as it is.

[Boellis]

My index.html from a project built directly from master looks like this. I'm still getting similar errors when trying to implement your solution into my code.

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | WebGL Firebase Test</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js"></script>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var unityInstance = UnityLoader.instantiate("unityContainer", "Build/3.json", {onProgress: UnityProgress});
    </script>
  </head>
  <body>
    <div class="webgl-content">
      <div id="unityContainer" style="width: 960px; height: 600px"></div>
      <div class="footer">
        <div class="webgl-logo"></div>
        <div class="fullscreen" onclick="unityInstance.SetFullscreen(1)"></div>
        <div class="title">WebGL Firebase Test</div>
      </div>
    </div>
  </body>
</html>

Here's my index file with my web api key + database service

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | WebGL Firebase Test</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js"></script>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var unityInstance = UnityLoader.instantiate("unityContainer", "Build/5.json", {onProgress: UnityProgress});
    </script>
  </head>
  <body>
    <div class="webgl-content">
      <div id="unityContainer" style="width: 960px; height: 600px"></div>
      <div class="footer">
        <div class="webgl-logo"></div>
        <div class="fullscreen" onclick="unityInstance.SetFullscreen(1)"></div>
        <div class="title">WebGL Firebase Test</div>
      </div>
    </div>
    <script type="module">
    // Import the functions you need from the SDKs you need
    import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js";
    //import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-analytics.js";
    import { getDatabase } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-database.js";
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries

    // Your web app's Firebase configuration
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
    const firebaseConfig = {
      apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      projectId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      appId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
      measurementId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
    };

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
    const database = getDatabase(app);
    //const analytics = getAnalytics(app);
  </script>
  </body>
</html>

My firebase.jslib location in ~/Assets/Plugins/firebase.jslib

mergeInto(LibraryManager.library, {

  GetJSON: function (path, objectName, callback, fallback) {
    var pasredPath = Pointer_stringify(path);
    var pasredObjectName = Pointer_stringify(objectName);
    var pasredCallback = Pointer_stringify(callback);
    var pasredFallback = Pointer_stringify(fallback);
    try{
      firebase.database().ref(parsedPath).once('value').then(function(snapshot){
        unityInstance.Module.SendMessage(pasredObjectName,pasredCallback,JJSON.stringify(snapshot.val()));
      });

    } catch(error) {
      unityInstance.Module.SendMessage(pasredObjectName,pasredFallback,"There was an error: " + error.message);
    }
  }

});

I've attached an image of the error im getting.

[Boellis]

I have finally got it worked ^^ I'm using v8.8.0 firebase unity sdk, and in the index.html I extended these:

• at line 7 after the title I inserted this: <script src="https://www.gstatic.com/firebasejs/8.8.0/firebase.js"></script>
• after }).then((unityInstance) => { I inserted these 2 lines:

		  this.unityInstance = unityInstance;
		  this.firebase = firebase;

• and between </script> and </body> I inserted this:

	<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
	<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>
	<script>
	  // Your web app's Firebase configuration
	  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
	  const firebaseConfig = {
		...
	  };
	  // Initialize Firebase
	  firebase.initializeApp(firebaseConfig);
	</script>

I don't know if all of them are needed or not, and on the console there is a warning that "Firebase is already defined in the global scope.", but it works now so I leave it as it is.

Are you adding both the Unity and Javascript SDK to your project?

[dlrkdmsdkdld]

no! i just adding code in index.html.
jslib is not need to change.
"import" is firebase 9version , "<script ~~" is firebase 8 version.
so you can solve this problem

[Boellis]

no! i just adding code in index.html. jslib is not need to change. "import" is firebase 9version , "<script ~~" is firebase 8 version. so you can solve this problem

Thank you for your help, I was able to get it working using version 8 and your recommendations!

[sssembler]

no! i just adding code in index.html. jslib is not need to change. "import" is firebase 9version , "<script ~~" is firebase 8 version. so you can solve this problem

Thank you for your help, I was able to get it working using version 8 and your recommendations!

are you able to post your full html please (with your details obviously x'ed out) thanks