Cách triển khai database realtime trên Supabase cho chat app

Mở đầu

Trong thời đại ứng dụng web và di động phát triển mạnh mẽ, tính năng chat real-time đã trở thành một phần không thể thiếu. Để xây dựng một hệ thống chat hiệu quả, việc lựa chọn nền tảng database phù hợp là yếu tố then chốt. Supabase - một nền tảng mã nguồn mở được xây dựng dựa trên PostgreSQL - cung cấp khả năng real-time mạnh mẽ và dễ dàng tích hợp. Bài viết này sẽ hướng dẫn chi tiết cách triển khai database real-time trên Supabase cho ứng dụng chat, giúp bạn hiểu rõ quy trình và áp dụng ngay vào dự án của mình.

Vì sao nên chọn Supabase cho ứng dụng chat real-time?

Supabase không chỉ đơn thuần là một database, mà còn là một nền tảng Backend-as-a-Service (BaaS) toàn diện. Với PostgreSQL làm nền tảng, Supabase hỗ trợ JSON, lưu trữ file, authentication, và đặc biệt là khả năng real-time thông qua WebSocket. Điều này giúp developer dễ dàng xây dựng các tính năng chat, notification, hoặc bất kỳ ứng dụng nào yêu cầu cập nhật dữ liệu tức thì. Hơn nữa, Supabase cung cấp giao diện quản trị trực quan, API tự động, và hỗ trợ nhiều ngôn ngữ lập trình phổ biến, giúp tiết kiệm thời gian và công sức phát triển.

Các bước triển khai database real-time trên Supabase

Bước 1: Tạo project và thiết lập database

Để bắt đầu, bạn cần đăng ký một tài khoản trên Supabase và tạo một project mới. Sau khi project được tạo, bạn sẽ có một database PostgreSQL sẵn sàng sử dụng. Tại đây, bạn có thể quản lý schema, tạo bảng, và thiết lập các ràng buộc (constraints) cho dữ liệu.

Bước 2: Tạo bảng cho chat messages

Với ứng dụng chat, việc đầu tiên là tạo một bảng để lưu trữ tin nhắn. Bạn có thể sử dụng SQL Editor trong Supabase Dashboard để thực thi lệnh tạo bảng:

CREATE TABLE public.messages (
  id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
  room_id UUID NOT NULL,
  user_id UUID NOT NULL,
  content TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

Bảng này bao gồm các trường như id (khóa chính), room_id (id của phòng chat), user_id (id của người gửi), content (nội dung tin nhắn), và các timestamp để theo dõi thời gian tạo và cập nhật.

Bước 3: Kích hoạt Realtime subscriptions

Để nhận thông báo real-time khi có dữ liệu thay đổi, bạn cần kích hoạt Realtime subscriptions cho bảng messages. Trong Supabase Dashboard, vào phần "Database", chọn "Replication", và bật tính năng replication cho bảng public.messages. Điều này cho phép client lắng nghe các thay đổi (INSERT, UPDATE, DELETE) trên bảng này.

Bước 4: Thiết lập Row Level Security (RLS)

Bảo mật dữ liệu là yếu tố quan trọng, đặc biệt với ứng dụng chat. Supabase hỗ trợ Row Level Security, cho phép bạn kiểm soát ai có thể truy cập hoặc chỉnh sửa dữ liệu. Bạn có thể tạo các policies để đảm bảo chỉ những user được phép mới có thể đọc hoặc ghi vào bảng messages:

-- Cho phép user đọc tin nhắn trong phòng của họ
CREATE POLICY "Users can view messages in their rooms." ON public.messages
  FOR SELECT USING (room_id IN (
    SELECT id FROM public.rooms WHERE user_id = auth.uid()
  ));

-- Cho phép user gửi tin nhắn trong phòng của họ
CREATE POLICY "Users can insert messages in their rooms." ON public.messages
  FOR INSERT WITH CHECK (room_id IN (
    SELECT id FROM public.rooms WHERE user_id = auth.uid()
  ));

Bước 5: Tích hợp client-side và lắng nghe thay đổi

Khi database đã sẵn sàng, bạn cần tích hợp Supabase vào ứng dụng client. Supabase cung cấp các SDK cho nhiều ngôn ngữ (JavaScript, React, Vue, Flutter, v.v.). Ví dụ với JavaScript:

import { createClient } from '@supabase/supabase-js';

const supabase = createClient('https://<project>.supabase.co', '<anon-key>');


// Lắng nghe tin nhắn mới
const channel = supabase
  .channel('room:' + roomId)
  .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'messages' }, (payload) => {
    console.log('New message:', payload.new);
  })
  .subscribe();

Đoạn code trên cho phép client lắng nghe sự kiện INSERT trên bảng messages và cập nhật giao diện ngay lập tức khi có tin nhắn mới.

Kết luận

Việc triển khai database real-time trên Supabase cho ứng dụng chat không chỉ đơn giản mà còn mang lại hiệu quả cao. Với khả năng real-time mạnh mẽ, bảo mật tốt, và tích hợp dễ dàng, Supabase là lựa chọn lý tưởng cho các developer muốn xây dựng ứng dụng chat nhanh chóng và an toàn. Hy vọng hướng dẫn này đã cung cấp cho bạn cái nhìn tổng quan và chi tiết về quy trình triển khai. Hãy bắt tay vào thực hành và trải nghiệm sức mạnh của Supabase trong dự án của bạn!