AI TINH GỌN aitinhgon.vn
Bắt đầu học
Lộ trình cá nhânDeploy Website & Web App Thực Chiến: GitHub Actions CI/CD, Cloudflare, Vercel, Netlify & Custom Domain
7/8

Giáo trình tự học miễn phí · Dịch vụ hỗ trợ theo nhu cầu.

Bài 0735phút ước tínhCơ bản đến Thực chiến

7. Deploy Full-Stack Web App: Kết Nối Database Supabase, Vercel Serverless & Biến Môi Trường .env

Triển khai ứng dụng Full-Stack hoàn chỉnh: Cấu hình Environment Variables bảo mật trên Cloud, kết nối Backend Serverless với CSDL PostgreSQL/Supabase và xử lý CORS.

🔐 3 Nguyên Tắc Quản Trị Biến Môi Trường (Environment Variables) Trên Cloud

  1. Không bao giờ đưa file .env lên GitHub: Luôn đặt .env trong .gitignore.
  2. Khai báo trên Vercel / Cloudflare Dashboard: Vào phần Settings $ ightarrow$ Environment Variables để nạp các khóa bí mật.
  3. Phân tách môi trường: Sử dụng biến riêng cho Development (máy cá nhân) và Production (máy chủ chạy thật).
example.py
# CÁC BIẾN MÔI TRƯỜNG CỐT LÕI CHO FULL-STACK WEB APP
DATABASE_URL="postgresql://postgres.xxx:Password@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres"
SUPABASE_URL="https://your-project.supabase.co"
SUPABASE_ANON_KEY="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
APP_SECRET_KEY="SuperSecretProductionKey2026!@#"
ADMIN_EMAIL="admin@aitinhgon.vn"
Thực hành

Thực hành và tự đánh giá

Thiết lập các biến môi trường cho ứng dụng của bạn trên Vercel Dashboard và kiểm tra ứng dụng đọc dữ liệu thành công từ Supabase Database.

⚖️ Bản quyền sở hữu trí tuệ: © 2026 AI Tinh Gọn (aitinhgon.vn) · Giấy phép Creative Commons CC BY-NC-ND 4.0. Cho phép tự học cá nhân, nghiêm cấm thương mại hóa hoặc bán lại. Giáo trình mở →

Tiến độ tự học lưu trên trình duyệt này. Chỉ đánh dấu khi đã kiểm tra sản phẩm thực hành.