6 mei 2025
Leestijd 5 min
Een inleiding tot Firebase
<span id="hs_cos_wrapper_name" class="hs_cos_wrapper hs_cos_wrapper_meta_field hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="meta_field" data-hs-cos-type="text" >Een inleiding tot Firebase</span>
Share this via:

Het ontwikkelen van applicaties wordt steeds eenvoudiger dankzij de opkomst van zaken als low-code platforms. Maar ook voor volwaardige ontwikkelaars is het eenvoudiger dan ooit om allerlei applicaties te maken dankzij platforms als Firebase. In deze blogpost geven we een korte introductie tot Firebase, welke functies het heeft en geven we enkele praktijkvoorbeelden van een applicatie die we met Firebase hebben gemaakt.

Firebase logo

Wat is Firebase?

Ik zal de introductie tot Firebase beginnen door kort uit te leggen wat het precies is.Firebase is een platform, ontwikkeld door Google, voor het maken van mobiele en webapplicaties. Het platform biedt een serverloze ontwikkelervaring. Het is echt als een Zwitsers mes voor app-ontwikkelaars, omdat het alles biedt wat nodig is om iOS-, Android- of webapps te bouwen, zoals

  • back-end infrastructuur,
  • monitoring,
  • gebruikersbetrokkenheid en nog veel meer.

Het opzetten van een project in Firebase vergt slechts minimale inspanning, omdat het wat onnodige complexiteit wegneemt door een project op te zetten waarmee je kunt beginnen met ontwikkelen. Zo blijft er meer tijd over voor het bouwen van de eigenlijke applicatie! Een ander groot voordeel van het gebruik van Firebase is dat het in wezen een app-ontwikkelingsplatform is dat producten levert die feilloos samenwerken. Een voorbeeld: samen met een collega hebben we Firebase gebruikt om een eenvoudige webapplicatie te maken. We maakten een Angular-app die gegevens kon lezen en schrijven naar een database en e-mailmeldingen kon versturen. Normaal gesproken hadden we tijd moeten besteden aan het opzetten van servers voor het hosten van de applicatie, het maken van een API, het maken van een database en nog veel meer. Maar omdat we Firebase als ontwikkelplatform hadden gekozen, was het zo simpel als firebase initintypen in een console. In een mum van tijd konden we beginnen met het ontwikkelen van de eigenlijke webapplicatie zonder na te denken over alles wat daarbij kwam kijken.

Cloud Firestore

Cloud Firestore is een no-SQL, real-time database die is ontworpen om de zwaarste workloads van 's werelds populairste apps aan te kunnen. Cloud Firestore is gebouwd op de Google Cloud Platform Database-infrastructuur, die functies zoals multiregionale gegevensreplicatie en multidocumenttransacties mogelijk maakt. Het houdt je data in sync tussen client apps via realtime luisteraars en biedt offline ondersteuning voor mobiel en web, waardoor gebruikers responsieve apps kunnen bouwen die werken ongeacht de netwerklatentie. Bovendien integreert Cloud Firestore naadloos met andere Firebase- en Google Cloud Platform-producten.

Bij het maken van onze eenvoudige webapplicatie gebruikten mijn collega en ik Cloud Firestore voor het opslaan, lezen en schrijven van gegevens. Om te communiceren met de Cloud Firestore van Firebase, gebruikten we AngularFireStore van AngularFire. AngularFireStore is een tool om de interactie tussen Firebase en Angular nog makkelijker te maken.

cloud firestore logo

Eén ding dat ons opviel toen we Cloud Firestore gebruikten, is dat het een real-time database is. Dat betekent dat zodra de database wordt bijgewerkt, alle apparaten die geïnteresseerd zijn hiervan op de hoogte worden gesteld. In ons geval hadden we een tabel die werd bijgewerkt zodra de database een nieuw of bijgewerkt veld had. En dat allemaal zonder dat je daar raketwetenschap voor nodig hebt!

Een ander voordeel van het gebruik van Cloud Firestore is dat gebruikers de datastructuur maar één keer hoeven te definiëren. Laten we zeggen dat we een nieuw veld in ons data-object willen. Het volstaat om dit veld gewoon toe te voegen aan de interface van je objecten, zonder dat je dit veld op verschillende plaatsen hoeft toe te voegen.

Cloudfuncties

Om wat back-end functionaliteit te hebben, biedt Firebase iets datCloud Functions heet. Cloud Functions zijn JavaScript-functies die worden uitgevoerd op specifieke gebeurtenisemitters. We hebben bijvoorbeeld Cloud Functions gebruikt om mailfunctionaliteit toe te voegen aan onze eenvoudige webapp. De Cloud Function luisterde naar een specifiek http-verzoek. Wanneer een gebeurtenis dit verzoek activeerde, werd er een e-mail verzonden met behulp van nodemailer. We gebruikten een extra Cloud Function voor het afhandelen van captcha-verzoeken.

cloud function for firebase logo

Zoals je kunt zien, zijn er veel gebruiksmogelijkheden voor Cloud Functions. Ze kunnen niet alleen luisteren naar http-verzoeken, maar ook naar Firestore-triggers. Het is mogelijk om extra logica uit te voeren wanneer de gegevens worden aangemaakt, bijgewerkt of verwijderd, bijvoorbeeld om een teller te verhogen telkens wanneer een nieuw record wordt opgeslagen in de Firestore.

Een ander voordeel is dat deze Cloud Functies volledig geïsoleerd zijn van de client, zodat ze niet reverse-engineered kunnen worden en dus een betere beveiliging bieden. Het is ook mogelijk om een API te bouwen met deze Cloud Functies, mocht je deze willen aanpassen, maarhoud dan wel rekening met de quota's.

Firebase Hosting

Onze webapp moest ook gehost worden. We kozenFirebase Hosting voor een statische webhost. Het coole aan Firebase Hosting is dat het je webapp cached op SSD's over de hele wereld om iedereen een lage latency-ervaring te bieden, ongeacht hun locatie. Een ander voordeel is dat het gratis SSL-certificaten biedt zonder al te veel configuratie.

firebase hosting logo

Wat kost het?

Firebase biedt 2 plannen: een Spark Plan (gratis) en een Blaze Plan (pay as you go). Voor sommige functies heb je een Blaze Plan nodig, zoals geplande Cloud Functies. Meer informatie en een gedetailleerd overzicht van de kosten vind jehier op de pagina met tariefplannen.

Conclusie

Ik hoop dat deze kennismaking met Firebase je iets nieuws heeft geleerd. Firebase biedt alles wat je nodig hebt om mobiele of webapps van hoge kwaliteit te bouwen. Firebase is meer dan alleen Cloud Functions, Firestore en hosting. Het biedt ook oplossingen voor authenticatie, bestandsopslag, geautomatiseerde tests, machine learning en nog veel meer.

Al deze voordelen komen met één ding om in gedachten te houden:de infrastructuur is gebaseerd op Google (cloud).

Dat gezegd hebbende, vonden we dit geen probleem. De tijd en moeite die je bespaart doordat je niet al deze functionaliteiten zelf hoeft in te stellen en een toekomstvaste oplossing biedt, maken het gebruik van Firebase voor veel mensen een no-brainer.


Pieter Swennen
Pieter Swennen
Solution Engineer, ACA Group
Contact us

Want to dive deeper into this topic?

Get in touch with our experts today. They are happy to help!

ACA mug mok koffie tas
Contact us

Want to dive deeper into this topic?

Get in touch with our experts today. They are happy to help!

ACA mug mok koffie tas
Contact us

Want to dive deeper into this topic?

Get in touch with our experts today. They are happy to help!

ACA mug mok koffie tas
Contact us

Want to dive deeper into this topic?

Get in touch with our experts today. They are happy to help!

ACA mug mok koffie tas