CRUD en Javascript i Firebase

Aquest article és un tutorial i no pretén aprofundir en la teoria de Javascript o de Firebase. Sols explicarem les coses que necessitem per a l'objectiu.

Les possibilitats quan ens plantegem cóm fer una web amb frontend fet en Javascript i un backend. En aquest article sols anem a tractar una: Frontend fet en Javascript pur a partir de ES6 front a un API REST generat per una base de dades Realtime del servici Firebase. Els avantatges de fer-ho així són:

• Quasi total compatibilitat en qualsevol navegador amb un cost de computació mínim, ja que no necessitem llibreries externes ni frameworks.
• Simplicitat si el projecte és menut.
• Velocitat i alta disponibilitat de les dades gràcies a un servici extern molt fiable.
• Simplicitat al tractar amb una base de dades en JSON.
• Avantatges dels protocols REST.
• No tindre que programar un backend tradicional (PHP o JAVA, MySQL...)

Els desavantatges són:

• No comptar amb els beneficis d'un framework com Angular, Vue o React que simplifiquen la programació de grans projectes.
• Possibilitat de fer-ho mal o insegur al no utilitzar llibreries per comunicar amb el servidor.
• Dependència d'un servici extern.
• No poder programar el backend i comptar sols amb una simple base de dades que s'ha de gestionar en el frontend.

Configuració de Firebase

La documentació de Firebase és molt completa i de gran qualitat, per tant no cal entrar en detalls. Sols cal crear una base de dades Realtime a la que, de moment, li ficarem com a regles de control d'accés que tots puguen llegir i escriure sense autenticar:

{
  "rules": {
    ".read": "now < 1621116000000",  // 2021-5-16
    ".write": "now < 1621116000000",  // 2021-5-16
  }
}