Cách Xây Dựng Hệ Thống Review Sản Phẩm Với Supabase Và Stripe

-- Bảng products
CREATE TABLE products (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name TEXT NOT NULL,
  description TEXT,
  price NUMERIC(10, 2) NOT NULL
);

-- Bảng reviews
CREATE TABLE reviews (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  product_id UUID REFERENCES products(id) ON DELETE CASCADE,
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  rating INTEGER NOT NULL CHECK (rating >= 1 AND rating <= 5),
  comment TEXT,
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
  CHECK (comment IS NOT NULL OR rating IS NOT NULL)
);

-- Chính sách cho reviews
ALTER TABLE reviews ENABLE ROW LEVEL SECURITY;

CREATE POLICY "Users can view reviews" ON reviews
  FOR SELECT USING (true);

CREATE POLICY "Users can insert their own reviews" ON reviews
  FOR INSERT WITH CHECK (auth.uid() = user_id);

CREATE POLICY "Users can update their own reviews" ON reviews
  FOR UPDATE USING (auth.uid() = user_id);

CREATE POLICY "Users can delete their own reviews" ON reviews
  FOR DELETE USING (auth.uid() = user_id);

-- Bảng orders
CREATE TABLE orders (
  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  user_id UUID REFERENCES auth.users(id) ON DELETE CASCADE,
  product_id UUID REFERENCES products(id) ON DELETE CASCADE,
  stripe_payment_intent_id TEXT UNIQUE,
  status TEXT DEFAULT 'pending',
  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
);

Trên server, khi nhận webhook từ Stripe, chúng ta lưu order và gắn kèm user ID từ Stripe:

// Node.js webhook handler
const { createClient } = require('@supabase/supabase-js');
const supabase = createClient(process.env.SUPABASE_URL, process.env.SUPABASE_KEY);

async function handlePaymentSuccess(event) {
  const paymentIntent = event.data.object;
  const { client_reference_id, metadata } = paymentIntent;

await supabase.from('orders').insert([
    {
      user_id: metadata.user_id,
      product_id: client_reference_id,
      stripe_payment_intent_id: paymentIntent.id,
      status: 'paid'
    }
  ]);
}

Xây dựng API để kiểm soát quyền review

Để tránh spam, chỉ khách hàng đã mua sản phẩm mới được review. Chúng ta tạo một view trên Supabase để xác định những user đủ điều kiện:

CREATE VIEW eligible_reviews AS
SELECT DISTINCT o.user_id, o.product_id
FROM orders o
WHERE o.status = 'paid'
  AND NOT EXISTS (
    SELECT 1 FROM reviews r
    WHERE r.product_id = o.product_id
      AND r.user_id = o.user_id
  );

API trên client sẽ kiểm tra trước khi cho phép submit review:

async function canUserReview(productId) {
  const { data, error } = await supabase
    .from('eligible_reviews')
    .select('user_id')
    .eq('user_id', supabase.auth.user().id)
    .eq('product_id', productId)
    .maybeSingle();

return data !== null;
}

Frontend: Hiển thị reviews và form submit

Trên giao diện, chúng ta hiển thị danh sách reviews và điểm trung bình. Form submit chỉ hiện ra nếu user đủ điều kiện.

// React component
function ProductReviews({ productId }) {
  const [reviews, setReviews] = useState([]);
  const [canReview, setCanReview] = useState(false);

useEffect(() => {
    fetchReviews();
    checkEligibility();
  }, [productId]);

const fetchReviews = async () => {
    const { data } = await supabase
      .from('reviews')
      .select('rating, comment, created_at, user_id (select email from auth.users)')
      .eq('product_id', productId)
      .order('created_at', { ascending: false });
    setReviews(data);
  };

const checkEligibility = async () => {
    const eligible = await canUserReview(productId);
    setCanReview(eligible);
  };

return (
    <div>
      <h3>Đánh giá sản phẩm</h3>
      {reviews.map(r => (
        <div key={r.id}>
          <p>{'*'.repeat(r.rating)} ({r.rating}/5)</p>
          <p>{r.comment}</p>
          <small>{r.user_id.email}</small>
        </div>
      ))}
      {canReview && <ReviewForm productId={productId} />}
    </div>
  );
}

Kết luận

Hệ thống review sản phẩm với Supabase và Stripe cho phép bạn xây dựng một giải pháp hoàn chỉnh, bảo mật và mở rộng. Supabase cung cấp database thời gian thực, authentication và Row Level Security, trong khi Stripe đảm bảo thanh toán an toàn và webhook để đồng bộ dữ liệu. Việc kết hợp hai nền tảng này giúp bạn kiểm soát chặt chẽ nguồn gốc reviews, tăng độ tin cậy cho người dùng và nâng cao trải nghiệm mua sắm. Hãy bắt đầu triển khai và tùy biến theo nhu cầu kinh doanh của bạn.