Realtime-abonnementen begrijpen

Stel je een app voor waarin gegevens direct worden bijgewerkt zonder dat je de pagina hoeft te vernieuwen. Dat zijn realtime gegevens!

Dit betekent dat gegevenswijzigingen naar je apparaat worden gestuurd zodra ze op de server plaatsvinden, waardoor een dynamische en responsieve ervaring ontstaat.

In de snelle wereld van vandaag verwachten gebruikers onmiddellijk feedback. Realtime gegevens zijn onmisbaar voor:

• Livechat: Berichten direct zien.
• Meldingen: Waarschuwingen ontvangen zodra ze zich voordoen.
• Dashboards: Live statistieken zonder vertraging volgen.
• Samenwerkingsapps: Meerdere gebruikers die tegelijkertijd wijzigingen zien.

Supabase bevat standaard een krachtige Realtime Engine. Hiermee kunnen je applicaties luisteren naar wijzigingen in je database en er direct op reageren.

Je hoeft dus niet zelf complexe backend-infrastructuur voor live-updates te bouwen!

Traditioneel ondervroegen apps de server door voortdurend om updates te vragen. Dat is inefficiënt.

Supabase Realtime gebruikt WebSockets: permanente verbindingen waarmee de server gegevens naar de client kan 'pushen' zodra er een wijziging plaatsvindt. Het is alsof de server jou belt, in plaats van dat jij de server voortdurend belt.

Supabase Realtime gebruikt in de kern Change Data Capture (CDC). Dit mechanisme houdt elke bewerking voor invoegen, bijwerken en verwijderen in je PostgreSQL-database bij.

Wanneer een wijziging wordt gedetecteerd, wordt deze naar de Realtime Engine gestuurd, die de wijziging vervolgens uitzendt naar geabonneerde clients.

Om Realtime te gebruiken, moet je het eerst inschakelen voor specifieke tabellen in je Supabase-dashboard. Hiermee geef je de database opdracht om wijzigingen in die tabellen naar de Realtime Engine te sturen.

Met deze eenvoudige schakelaar ontgrendel je krachtige mogelijkheden voor live gegevens in je app.

Supabase organiseert realtime-updates met kanalen. Zie kanalen als specifieke onderwerpen waarop je je kunt abonneren.

Je kunt je abonneren op:

• Alle wijzigingen in een tabel.
• Wijzigingen in een specifieke rij.
• Wijzigingen die aan bepaalde filters voldoen.

Wanneer je je abonneert op een kanaal, kun je luisteren naar verschillende typen gebeurtenissen:

• INSERT: Er is een nieuwe rij toegevoegd.
• UPDATE: Een bestaande rij is gewijzigd.
• DELETE: Een rij is verwijderd.
• *: Alle typen wijzigingen.

Zo kan je app precies reageren op wat er in je database gebeurt.

Supabase Realtime vereenvoudigt de ontwikkeling door:

• Minder standaardcode: Je hoeft geen complexe pollinglogica te schrijven.
• Betere prestaties: Efficiënte WebSockets in plaats van constante HTTP-aanvragen.
• Betere gebruikerservaring: Een snelle, moderne gebruikerservaring.

Richt je op de functies van je app, niet op het beheren van infrastructuur voor live gegevens.

We hebben de kernbegrippen van realtime gegevens verkend en bekeken hoe Supabase deze toegankelijk maakt. Je begrijpt nu:

• Wat realtime gegevens zijn en waarom ze belangrijk zijn.
• Hoe Supabase CDC en WebSockets gebruikt.
• Welke rol kanalen en gebeurtenissen spelen.
• Wat de belangrijkste voordelen voor gebruikers en ontwikkelaars zijn.

Hierna leer je hoe je je in je code daadwerkelijk abonneert op wijzigingen in tabellen!