Bevezetés

• A valós idejű push-értesítések fontossága
• Deno, Supabase, Firebase Cloud Messaging (FCM) bemutatása

Kiszolgáló beállítása Deno és Supabase segítségével

• Deno bemutatása és jellemzői
• Supabase-kliens beállítása
• Biztonságos beállítások kezelése környezeti változók segítségével

Valós idejű adatbázis-módosítások észlelése

• A Supabase valós idejű funkcióinak bemutatása
• Felület meghatározása az adatbázis-módosítások észleléséhez

Push-értesítések küldése a Firebase Cloud Messaging segítségével

• Az FCM szerepe és fontossága
• Hozzáférés-jogkivonatok beszerzése a Google-szolgáltatási fiókok segítségével
• Push-értesítések küldési logikája a Deno-kiszolgálóról az FCM-en keresztül

Következtetés

• A Deno, a Supabase és az FCM által támogatott rendszer előnyei
• A valós idejű push-értesítési rendszer hozzájárulása a felhasználói élményhez

1. Bevezetés

A mai digitális korban a valós idejű push-értesítések kulcsfontosságúak a felhasználói élmény maximalizálásában. Ez a cikk bemutatja a Deno, a Supabase és a Firebase Cloud Messaging (FCM) használatával a valós idejű push-értesítési rendszer kiépítésének módját. Ez a cikk a Deno és a felhőszolgáltatások iránt érdeklődő fejlesztőknek szól.

2. Kiszolgáló beállítása Deno és Supabase segítségével

A Deno egy modern JavaScript és TypeScript futtatókörnyezet, amely a Node.js korlátai megszüntetésére jött létre. A Supabase egy PostgreSQL alapú nyílt forráskódú háttérszolgáltatás, amely valós idejű adatbázis-funkciókat kínál. E két technológia kombinálásával erőteljes és rugalmas háttérszisztéma hozható létre.

Kód példa: Supabase-kliens beállítása

import { createClient } from 'npm:@supabase/supabase-js@2'
const supabase = createClient(
Deno.env.get('SUPABASE_URL')!,
Deno.env.get('SUPABASE_SERVICE_ROLE_KEY')!

Ez a kód bemutatja a Supabase-kliens inicializálásának módját. Itt a Deno környezeti változó funkcióját használják a Supabase-kapcsolódási információk biztonságos kezelésére.

3. Valós idejű adatbázis-módosítások észlelése

A Supabase webes horgolás funkciójának használatával az adatbázisban bekövetkező módosítások azonnal észlelhetők és reagálhatók. Ez lehetővé teszi a felhasználók számára a legfrissebb információk gyors továbbítását.

Kód példa: Webes horgolás terhelésének meghatározása

interface Post {
id: string
title: string
content: string
}
interface WebhookPayload {
type: 'INSERT'
table: string
record: Post
schema: 'public'
}
// Funkció, amely minden felhasználónak push-értesítést küld, ha új bejegyzés kerül a posts táblába
Deno.serve(async (req) => {
// A webes horgolás terhelésének kinyerése a kérésből.
const payload: WebhookPayload = await req.json()
console.log("payload: ", payload);

Ezek az interfészek a Supabase-ben bekövetkező adatmódosítási események kezelésére vannak definiálva. A Post interfész meghatározza a bejegyzés adatszerkezetét, a WebhookPayload pedig a webes horgolásból érkező adatok struktúráját.

4. Push-értesítések küldése a Firebase Cloud Messaging segítségével

Az FCM egy erőteljes szolgáltatás, amely lehetővé teszi a push-értesítések küldését különféle platformokra. A Deno-kiszolgálóról az FCM-en keresztül küldött értesítések révén a felhasználók azonnal értesülhetnek az új bejegyzésekről vagy a fontos frissítésekről.

Kód példa: Push-értesítések küldése az FCM segítségével

import serviceAccount from '../serviceAccountKey.json' with { type: 'json' }
// Hozzáférési jogkivonat beszerzése a Google-szolgáltatási fiókból
const getAccessToken = ({
clientEmail,
privateKey,
}: {
clientEmail: string
privateKey: string
}): Promise => {

Ez a kód bemutatja, hogyan küldhet push-értesítéseket a Deno-kiszolgáló az FCM segítségével. Itt a Google-szolgáltatási fiókot használják az FCM-hez szükséges hozzáférési jogkivonatok beszerzésére.

5. Következtetés

A Deno, a Supabase és az FCM használatával a valós idejű push-értesítési rendszer kiépítése rendkívül hasznos a modern webalkalmazások fejlesztése során. Ez a rendszer lehetővé teszi a fejlesztők számára, hogy a felhasználóknak azonnali információkat és javított interakciót biztosítsanak. A cikkben bemutatott technológiák és kódpéldák révén a fejlesztők megszerzik a saját valós idejű értesítési rendszerük kiépítéséhez szükséges ismereteket és eszközöket.