ccc

Firebase

Entrar con tu cuenta de Google en https://firebase.google.com y dar a "Ir a la consola" -> Crear proyecto -> Darle un nombre
Crear una de Realtime en Modo prueba. Te da una url, por ejemplo: https://pruebaclientes-a8fab-default-rtdb.europe-west1.firebasedatabase.app/

Ahora en nuestro proyecto desde Visual Studio Code creamos un nuevo servicio: src\app\data.services.ts y registramos este nuevo servicio en: \app\data.services.ts en "providers"
providers: [...,DataServices]
Al añadirlo automáticamente el VSC te añade la importación correspondiente pero si no lo hiciera poner: import { DataServices } from './data.services';
También para poder trabajar con la BBDD tenemos que importar:
import { HttpClientModule } from '@angular/common/http'; y en imports añadir:
imports: [...,HttpClientModule]
El código en src\app\data.services.ts: @Injectable()
export class DataServices {
   constructor(private httpClient:HttpClient) {}
  
   storeEmpleados(arrEmpleados:Empleado[]) {
      this.httpClient.put('https://pruebaclientes-a8fab-default-rtdb.europe-west1.firebasedatabase.app/datos.json',arrEmpleados).subscribe({
      next: (v) => console.log('Se han guardado los empleados ' + v),
      error: (e) => console.log('Error' + e),
   });
}
}

Y en el servicio de nuestros empleados:
import { DataServices } from './data.services';
...
addNewEmpleado(empleadoAux:Empleado) {
   this.arrEmpleados.push(empleadoAux);
   // ahora guardarlo en la BBDD
   this.dataService.storeEmpleados(this.arrEmpleados);
}

No hay comentarios:

Publicar un comentario