Webgae-firebase es una aplicación web gratuita y de código abierto para almacenar y compartir archivos en la nube. Construida con Firebase, ofrece autenticación con Google, almacenamiento limitado y una interfaz intuitiva. Accede a la aplicación en https://optimize-7e367.web.app/ y explora el código fuente en https://github.com/ximosa/storage-firebase.
Webgae-firebase es una aplicación web sencilla que permite a los usuarios autenticados con Google crear y compartir carpetas de archivos utilizando Firebase Storage y Realtime Database.
Funcionalidades:
- Autenticación con Google: Los usuarios deben iniciar sesión con su cuenta de Google para acceder a la aplicación.
- Creación de carpetas: Cada usuario puede crear una carpeta personal para almacenar sus archivos.
- Subida de archivos: Los usuarios pueden subir archivos a su carpeta.
- Visualización de archivos: La aplicación muestra una lista de los archivos dentro de la carpeta, incluyendo su nombre, tipo y un enlace de descarga.
- Descripción de la carpeta: Los usuarios pueden agregar y editar una descripción para su carpeta.
Cómo funciona:
- Autenticación: La aplicación utiliza Firebase Authentication para gestionar el inicio de sesión con Google.
- Almacenamiento de archivos: Los archivos se almacenan en Firebase Storage, un servicio de almacenamiento de archivos escalable y seguro.
- Base de datos: La información de las carpetas (nombre, descripción, propietario) se almacena en Firebase Realtime Database, una base de datos NoSQL en tiempo real.
- Interfaz de usuario: La aplicación utiliza HTML, CSS y JavaScript para crear una interfaz de usuario sencilla e intuitiva.
Instrucciones de uso:
- Iniciar sesión: Haz clic en el botón "Entrar con Google" para iniciar sesión con tu cuenta de Google.
- Crear una carpeta: Si aún no tienes una carpeta, haz clic en el botón "Crear carpeta".
- Subir archivos: Dentro de tu carpeta, haz clic en el botón "Subir archivos" y selecciona los archivos que deseas subir.
- Ver archivos: La lista de archivos se actualizará automáticamente para mostrar los archivos subidos. Haz clic en el enlace de descarga para descargar un archivo.
- Editar la descripción: Haz clic en el texto de la descripción para editarla. Haz clic en el botón "Guardar Descripción" para guardar los cambios.
- Cerrar sesión: Haz clic en el botón "Salir" para cerrar sesión.
"Crea una carpeta única para almacenar todos tus archivos. Una vez creada, podrás subir tantos archivos como desees. Si necesitas empezar de nuevo, simplemente elimina la carpeta y crea una nueva."
Tecnologías utilizadas:
- Firebase (Authentication, Storage, Realtime Database)
- HTML
- CSS
- JavaScript
Notas:
Accede a la aplicación en https://optimize-7e367.web.app/ y explora el código fuente en https://github.com/ximosa/storage-firebase
- Esta aplicación es un ejemplo básico y puede ser extendida con más funcionalidades.
- Asegúrate de configurar tu proyecto de Firebase correctamente antes de utilizar la aplicación.
Reglas storage
rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read: if true; allow write: if request.auth != null; } } }Reglas database
{ "rules": { "user-folders": { ".read": true, // Permitir que todos lean los datos de las carpetas ".write": "auth != null" // Mantener el acceso de escritura restringido a los usuarios autenticados } } }