FerminOrtega / CloudFirestoreCRUD-WEB

Firebase CloudFirestore CRUD WEB

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Firebase CloudFirestore CRUD WEB

Esto es un pequeño ejemplo de la implementación de Firebase CloudFirestore de las principales funciones que tiene una base de datos.

  • Crear
  • Consultar
  • Editar
  • Eliminar
    • Eliminar un documento
    • Eliminar un campo

He elaborado una pequeña página donde se encuentran todas estas acciones, no tiene nada de interesante y es muy rudimentaria, pero es útil para el ejemplo. El codigo de verdad se encuentran en las funciones que se enmcuentra en js/firebase.js donde se encuentra lo que hace cada funcion y como se usan los campos de los formularios para poder complementar las funciones de Firebase.

Requerimentos

Tienes que tener la parte de hosting de Firebase configurada en tu proyecto, esto es bastante sencillo solo tienes que hacer en el apartado de Hosting del menú de tu proyecto de Firebase pulsas en empezar y te dira los pasos:

  1. $ npm install -g firebase-tools // Instalamos las herramientas de firebase
  2. $ firebase login // Nos logeamos con nuestra cuenta de Google
  3. $ firebase init // Iniciamos el proyecto
  4. $ firebase deploy // Subimos el proyecto al hosting

Con esto lo que hacemos es que rellenado el formulario del principio podemos cofigurar la conexión a la bbdd de nuestro proyecto para poder trabajar con el.

Todo el código se irá comentando y mejorando con el tiempo, si ves algo que se pueda mejorar o algún error no dudes en ponerte en contacto conmigo

Epero que sirva de ayuda, Gracias :)

Firebase CloudFirestore CRUD WEB English

This is a small example of the CloudFirestore Firebase implementation of the main functions of a database.

  • Create
  • Consult
  • Edit
  • Remove
    • Delete a document
    • Delete a field

I have elaborated a small page where all these actions are found, it is not interesting and it is very rudimentary, but it is useful for the example. The truth code is found in the functions found in ** js / firebase.js ** where you can find what each function does and how the forms fields are used in order to complement the Firebase functions.

Requeriments

You have to have the hosting part of Firebase configured in your project, this is quite simple you just have to do in the Hosting section of your Firebase project menu, click on start and it will tell you the steps:

  1. $ npm install -g firebase-tools // Install the firebase tools
  2. $ firebase login // We log in with our Google account
  3. $ firebase init // We start the project
  4. $ firebase deploy // We upload the project to the hosting

With this, what we do is that when we fill in the form of the principle we can configure the connection to the bbdd of our project in order to work with it.

** All the code will be commented and improved over time, if you see something that can be improved or some error do not hesitate to contact me **

I hope it helps, Thanks :)

About

Firebase CloudFirestore CRUD WEB

License:GNU General Public License v3.0


Languages

Language:HTML 68.0%Language:JavaScript 32.0%