CRUD Firebase. Agregar, modifica y eliminar

Hola Programador... Ahora vamos a interactuar con nuestra base de datos de Firebase agregando, modificando y eliminando información. 

Agregando documentos a Firebase

//Llamado a los servicios de Firebase
import { addDoc } from "https://www.gstatic.com/firebasejs/9.9.1/firebase-firestore.js"

//Para poder llamar una funcion desde el html colocar windows.variable = la funcion
window.btnClick = async function guardar(){
 
 //Si vamos hacer alguna validación la podemos realizar aquí

 if($('#nombreinput').val()==''){
    console.log('El campo esta vacio')
    return false;
 }

 // Agregando datos a nuestra tabla en este ejemplo a la tabla users
 try {
    const docRef = await addDoc(collection(db, "users"), {
      nombrecampo1: $('#nombrecampo1').val(),
      nombrecampo2: $('#nombrecampo').val(),
      nombrecampoX: $('#nombrecampoX').val(),
    });

    console.log("Document written with ID: ", docRef.id);
 } catch (e) {
    console.error("Error adding document: ", e);
 }

}

Nota: de esta forma con el método addDoc agregamos registros nuevos a nuestra base de datos, la catidad de campos pueden ser todos los que necesitemos, podemos guardar datos, boleanos, string, array, objetos, entre otros.

Editando documentos a Firebase

//Llamado a los servicios de Firebase
import { doc, updateDoc } from "https://www.gstatic.com/firebasejs/9.9.1/firebase-firestore.js"


window.btnEditar = async function editar(val){

 try {
    const documentRef = doc(db, "users", val);
    await updateDoc(documentRef, {
      nombrecampo1: $('#nombrecampo1').val(),
      nombrecampo2: $('#nombrecampo').val(),
      nombrecampoX: $('#nombrecampoX').val(),
    });
    console.log('Registro modificado con exito')
    
    //Aqui puedes llamar otras funciones como consulta de datos para ver los cambios realizados ejm.:
    verData()

 } catch (e) {
     console.error("Error adding document: ", e);
 }
 

}

Nota: Para poder modificar un registro necesitamos su id y ese valor se la pasamos en la variable val para que Firebase sepa exactamente que documento es el que debe editar.

Eliminando documentos a Firebase

//Llamado a los servicios de Firebase
import { doc, deleteDoc } from "https://www.gstatic.com/firebasejs/9.9.1/firebase-auth.js"

window.btnEliminar = async function eliminar(val){

 deleteDoc(doc(db, "users", val));
 console.log('Registro eliminado')
 
}

Nota: Para poder eliminar un registro necesitamos su id y ese valor se la pasamos en la variable val para que Firebase sepa exactamente que documento es el que debe eliminar.  Importante luego de realizar esta acción no se puede deshacer, se recomienda hacer una pregunta si esta o no seguro de eliminar. 

Con estos 3 métodos puedes agregar, modificar y eliminar de forma fácil registros de tus base de datos de Firebase.