CONFIGURAR FIREBASE HOSTING
Instala Firebase CLI
Necesitas Firebase CLI (una herramienta de línea de comandos) para alojar tu sitio con Firebase Hosting.
npm install -g firebase-tools
2. Incializa el proyecto
Abre una ventana de la terminal y navega a un directorio raíz para tu app web (si no tienes uno, deberás crearlo).
firebase login
firebase init
3. Registra tu app.
Si planeas usar productos de Firebase, como Cloud Firestore, Authentication o Performance Monitoring, debes registrar tu app web. Para ello, asígnale un sobrenombre:
4. Agrega el SDK de Firebase.
npm install firebase
Agregas este código proporcionado de tu proyecto al fireche main.ts de tu proyecto justo debajo de tus impors:
// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// 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: "AIzaSyBUZ8zB7tKh0Rufqhbq_WEefEqPHrJKj90",
authDomain: "edgarsandovaldeveloper.firebaseapp.com",
projectId: "edgarsandovaldeveloper",
storageBucket: "edgarsandovaldeveloper.firebasestorage.app",
messagingSenderId: "263769039271",
appId: "1:263769039271:web:913d58dedc80191e52d682",
measurementId: "G-V0X6WQJ2LL"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
5. Implementa en Firebase Hosting.
{
"hosting": {
"site": "edgarsandovalprogramador",
"public": "public",
}
}
OJO ...Si tienes un proyecto multiapps deberás agregar acá mismos otra configuración de hosting de otra app que tengas dentro siguiendo mi tutorial de multiapps, busca en este mismo blog la sección multiapps angular.
LEER COLECCIONES Y DOCUMENTOS EN FIRESTORE
CREAR COLECCIONES EN FIRESTORE
CREAR DOCUMENTOSDE COLECCIONES EN FIRESTORE
BORRAR DOCUMENTOS EN FIRESTORE CON FORMULARIOS
BORRAR COLECCIONES EN FIRESTORE
ACTUALIZAR DOCUMENTOS Y COLECCIONES CON FORMULARIOS