📊
Analytics
Đo lượt truy cập. Bao nhiêu người vào, từ đâu, trang nào hay xem. Vd Cloudflare Web Analytics, Google Analytics.
🎉 Bước cuối của deployment
Sau khi lên sóng
App đã có link và chạy thật. Nhưng "lên sóng" mới là vạch xuất phát, không phải đích. Trang này khép kín bản đồ: kiểm tra lần cuối trước khi gửi link, theo dõi app khi đã chạy, và xử lý khi có sự cố.
Nhớ một điều: deploy xong không phải là hết việc. App sống là app được theo dõi, sửa lỗi và cải tiến đều đặn.
App đã lên sóngcó link, chạy thật
Live
↓việc tiếp theo↓
Theo dõi & chăm appđể app luôn ổn
Vận hành
✅Checklist
📊Theo dõi
🛠️Sửa lỗi
Quan trọng nhất
Checklist trước khi gửi link
Chạy qua bảng này một lượt trước khi đưa link cho người dùng. Gom lại mọi thứ đã học trong cả hub.
✓
Đã bật HTTPS
Thanh địa chỉ hiện ổ khóa, không báo "không an toàn".
✓
Đã khai environment variable
Mọi khóa và đường nối backend đã điền trên hosting, không chỉ trên máy.
✓
Đã bật bảo mật backend (RLS)
Mỗi người chỉ đọc ghi dữ liệu của mình. Thử bằng tài khoản khác để chắc.
✓
Không lộ khóa bí mật
Service key chỉ ở phía server, không nằm trong giao diện hay trên GitHub.
✓
Đã test trên điện thoại
Mở thử trên vài trình duyệt và màn hình nhỏ, không vỡ giao diện.
✓
Tên miền trỏ đúng
Cả bản có www và không www đều vào đúng app.
✓
Đăng nhập và lưu dữ liệu chạy thật
Đăng nhập thử, thêm dữ liệu, tải lại trang xem có còn không.
✓
Có cách quay lui
Lỡ bản mới hỏng thì rollback được về bản tốt trước đó.
✓
Dữ liệu có sao lưu
Code ở trên GitHub, database bật sao lưu để không mất khi sự cố.
✓
Link chia sẻ trông ổn
Có tiêu đề, favicon và ảnh preview khi dán link (xem phần dưới).
App đã chạy thật
Theo dõi & xử lý sự cố
Khi có người dùng thật, bạn cần biết app đang sống ra sao và xử lý nhanh khi có lỗi.
📜
Log production
Nhật ký bản thật. Khi app lỗi cho người dùng, log trên hosting hoặc backend cho biết hỏng ở đâu.
💓
Uptime
App còn sống không. Công cụ theo dõi báo cho bạn ngay khi app sập, để sửa trước khi người dùng kêu.
💬
Phản hồi người dùng
Nghe người thật. Một kênh nhỏ để người dùng báo lỗi và góp ý là nguồn cải tiến tốt nhất.
Đừng để bất ngờ
Chi phí cần để mắt
Lúc học gần như miễn phí. Nhưng khi app có người dùng thật, vài chỗ có thể bắt đầu tốn tiền.
🆓 Thường vẫn miễn phí
- Hosting frontend lúc đầu, nhất là Cloudflare Pages (băng thông không giới hạn).
- App nhỏ, ít người dùng, lưu lượng thấp.
- Tên miền là khoản nhỏ, trả theo năm.
💸 Có thể bắt đầu tốn
- Băng thông cao khi app đông (tùy nền hosting).
- Backend: dung lượng database, egress, số người dùng (xem hub Backend).
- Lưu nhiều file ảnh, video; gọi function nhiều.
Cho link trông thật
Ảnh preview khi chia sẻ link
Khi bạn dán link app lên Facebook, Zalo hay tin nhắn, người ta thấy gì? Một link đẹp tạo niềm tin ngay từ cái nhìn đầu.
🏷️
Tiêu đề & mô tả
Dòng chữ hiện ra. Đặt tiêu đề và mô tả rõ ràng cho app, thay vì dòng mặc định khó hiểu.
⭐
Favicon
Icon nhỏ trên tab. Một logo nhỏ giúp app trông chỉn chu và dễ nhận ra.
🖼️
Ảnh preview (Open Graph)
Ảnh hiện khi dán link. Một tấm ảnh đẹp khi chia sẻ lên mạng xã hội, thay vì ô trống.
Ví dụ cách giao việc cho AI
"Hãy thêm cho app này phần tiêu đề, mô tả, favicon và ảnh preview (Open Graph) để khi tôi dán link lên Facebook hay Zalo
thì hiện ra đẹp và rõ ràng. Giải thích tôi cần đặt ảnh ở đâu."
Khép vòng
Vòng đời tiếp tục
Lên sóng xong, bạn quay lại đầu vòng: nghe phản hồi, sửa, cập nhật, rồi lại theo dõi.
🔁 Một vòng lặp lành mạnh
App tốt lên qua từng vòng nhỏ:
- Nghe người dùng và xem số liệu.
- Sửa hoặc thêm tính năng nhỏ.
- Đẩy code, CI/CD tự deploy.
- Theo dõi lại, rồi lặp tiếp.
🗺️ Bạn đã đi hết bản đồ
Nhìn lại chặng đường deployment:
- Chọn nơi deploy hợp bài toán.
- Đưa giao diện lên, gắn tên miền, bật HTTPS.
- Nối backend, khai env đúng môi trường.
- Tự động cập nhật, và giờ là theo dõi sau khi lên.
Lên sóng là vạch xuất phát, không phải đích đến.
Bạn đã có đủ bản đồ để đưa app ra internet và chăm nó sống khỏe. Giờ thì tự tin gửi link cho người dùng đầu tiên, lắng nghe, và cải tiến từng ngày.
← Về trang chủ deployment · Phong Ho - AI Business