Hello! @mhadji05 , I have succeeded.

This code works for me in the index.html tha was generated on the built. But before, you must configurate CORS.

<head>
...
</head>
<script src="https://www.gstatic.com/firebasejs/9.8.2/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.8.2/firebase-storage-compat.js"></script>

<script>
      const firebaseApp = firebase.initializeApp({
        apiKey: "xxxxxxxxxxxxxxxxxxx",
        authDomain: "xxxxxxxxxxxxxxxxxxx",
        databaseURL: "xxxxxxxxxxxxxxxxxxx",
        projectId: "xxxxxxxxxxxxxxxxxxx",
        storageBucket: "xxxxxxxxxxxxxxxxxxx",
        messagingSenderId: "xxxxxxxxxxxxxxxxxxx",
        appId: "xxxxxxxxxxxxxxxxxxx",
        measurementId: "xxxxxxxxxxxxxxxxxxx"
      });

      const db = firebaseApp.firestore();
      const auth = firebaseApp.auth();
      const storage = firebaseApp.storage().ref();
  </script>

<body>
	...
	...
	<script>
	...
	...
	var script = document.createElement("script");
	      script.src = loaderUrl;
	      script.onload = () => {
	        createUnityInstance(canvas, config, (progress) => {
	          progressBarFull.style.width = 100 * progress + "%";
	              }).then((unityInstance) => {
	                window.unityInstance = unityInstance;
	                loadingBar.style.display = "none";
	                fullscreenButton.onclick = () => {
	                  unityInstance.SetFullscreen(1);
	                };
	              }).catch((message) => {
	                alert(message);
	              });
	            };
	
	      document.body.appendChild(script);
    </script>
</body>

Finally, I have used the following rules for testing in Firebase->Storage->Rules

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write;
    }
  }
}

I hope that helps you

Storage example #24

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions