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