Reglas de seguridad para el almacenamiento

Sigo pensando que las reglas de seguridad de Google son lo mismo que escribir código backend jaja es como aprender un lenguaje de programación totalmente nuevo

Pero algo que no me gusta es que no puedes debuggear, por ejemplo, no me dejaba subir la imagen por falta de permisos, y quería ver cuál era la condición que estaba fallando, y no podía debuggear, al final la condición era el límite de peso ya que había escrito mal el .size

Buen dia companeros, segui el ejemplo de las reglas de firebase storage pero no me deja subir nada, aun estando auntenticado:

Estas son las reglas:

¿Porque en storage aunque las reglas estén definidas solo para usuarios autenticados, las imagenes de los post se siguen visualizando aunque este sin logearme?

Reto completado:

pd: no puedo creer que hayan pasado casi 5 años desde que se publico el curso y sea el primero en publicar la solucion del reto:

[usando version actual de firebase de junio 2023]

En el video anterior no logre subir nada al storage de firebase, en este pude luego de agregar las reglas mencionadas en el video y hacer este cambio en el código en postController.js

$('#btnUploadFile').on('change', e => {
    const user = firebase.auth().currentUser
    if(user == null){
      Materialize.toast(`Para crear el post debes estar autenticado`, 4000)
      return
    }else{
      const file = e.target.files[0]
      const post = new Post()
      post.subirImagenPost(file,user.uid)  
    }
  })

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /imgsPosts/{allPaths=**} {
      allow read: if true;
    }
    match /imgsPosts/{userId}/{imgId} {
        allow write: if request.resource.size < 5 * 1024 * 1024
                && request.resource.contentType.matches('image/.*')
                && request.auth.uid != null
                && request.auth.uid == userId
		}
  }
}

¿Como puedo quitar el error de? :

has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

Donde puedo aprendar mas de estas reglas? Quisiera hacer hacer una donde si el archivo ya se encuentra en la storage este no se pueda repetir

Esta debe ser las reglas para el storage, en lo que muestra el profesor esta con imgPosts, pero en el codigo que se realizo nosotros creamos como imgsPosts

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /imgsPosts/{allPaths=**} {
      allow read: if true;
    }
    match /imgsPosts/{userId}/{imgId}{
    	allow write:if request.resource.size < 5 * 1024 * 1024
      			&& request.resource.contentType.matches('image/.*')
            && request.auth.uid != null
            && request.auth.uid == userId
    }
  }
}

Alguien seria amable de explicarme como determino 5 * 1024 * 1024 😕?