Skip to content

Bài 18: “Mở cửa hàng” — Deploy sản phẩm lên internet

Thumbnail

Giai đoạn 5: ĐƯA RA THẾ GIỚI 🌍 Thời lượng: 45-90 phút (đọc + thực hành + bài tập) Công cụ: Google AI Studio — aistudio.google.com


🎯 Mục Tiêu Bài Học

  • Sau bài này, bạn sẽ biết cách deploy (đưa sản phẩm lên internet) bằng Google Cloud Run chỉ với vài click
  • Sau bài này, bạn sẽ có link URL thật, gõ vào trình duyệt bất kỳ đâu trên thế giới đều thấy sản phẩm của bạn
  • Sau bài này, bạn sẽ biết cách lưu code lên GitHub để “giữ an toàn”

💡 Ví Dụ Thực Tế

Anh Nam đã tạo xong website dịch vụ kế toán 4 trang, đã kiểm tra kỹ lưỡng, đã tối ưu mobile. Giờ là lúc “mở cửa hàng” — đưa website lên internet để khách hàng truy cập. Anh bấm nút Deploy trên AI Studio, chọn Google Cloud project, chờ 2 phút. Xong! Anh nhận được 1 link URL dạng https://service-xxxxx.run.app. Anh gõ link này trên máy tính — website hiện ra. Gõ trên điện thoại — website hiện ra. Gửi link cho khách hàng — họ cũng thấy. Website đã “sống” trên internet rồi!


📚 Kiến Thức Cần Biết

Deploy (đọc là “đi-ploi”) nghĩa là đưa sản phẩm từ “bản nháp trên máy bạn” lên “internet cho cả thế giới thấy”. Giống như: bạn nấu xong món ăn trong bếp (build/tạo), nếm thử OK (test/kiểm tra), giờ bưng ra quán bán (deploy). Trước khi deploy, chỉ bạn thấy sản phẩm. Sau khi deploy, ai có link đều thấy.

Google Cloud Run là dịch vụ của Google giúp bạn “chạy” website trên internet. Hãy tưởng tượng nó là “mặt bằng cho thuê trên internet” — Google cho bạn thuê một “máy chủ ảo” để website của bạn chạy 24/7. Mức sử dụng cơ bản gần như miễn phí (tính phí theo lượng người truy cập — nếu ít người thì gần 0 đồng).

GitHub (đọc là “ghít-háp”) là nơi lưu trữ code trên mây — giống Google Drive nhưng dành riêng cho code. Lưu code lên GitHub giúp bạn: không mất code nếu máy hỏng, có thể quay về phiên bản cũ nếu cập nhật bị lỗi, và chia sẻ code cho người khác nếu cần.

Để deploy lên Cloud Run, bạn cần 1 Google Cloud project (dự án trên Google Cloud). Tạo rất đơn giản và miễn phí.


🧪 Thực Hành Từng Bước

Phần A — Chuẩn bị:

  1. Chọn sản phẩm hoàn thiện nhất bạn đã tạo (landing page hoặc website) — đây sẽ là sản phẩm bạn deploy
  2. Kiểm tra lần cuối: mở sản phẩm trên AI Studio, duyệt toàn bộ. Nếu OK, tiếp tục. Nếu còn lỗi, sửa trước

Phần B — Lưu lên GitHub (tùy chọn nhưng khuyến khích):

  1. Tạo tài khoản GitHub nếu chưa có:
    • Truy cập https://github.com
    • Click “Sign up”, đăng ký bằng email
    • Xác nhận email
  2. Quay lại Google AI Studio, tìm biểu tượng GitHub trên thanh công cụ phía trên (hình con mèo hoặc chữ GitHub)
  3. Click vào — nếu lần đầu, AI Studio sẽ hỏi bạn cho phép kết nối GitHub → bấm “Authorize” (cho phép)
  4. Điền thông tin:
    • Repository name (tên kho lưu trữ): ví dụ “website-dich-vu-ke-toan”
    • Description (mô tả): “Website giới thiệu dịch vụ kế toán”
    • Visibility: Public (mọi người thấy) hoặc Private (chỉ bạn thấy)
  5. Bấm “Create Git repo” — code sẽ được đẩy lên GitHub
  6. Truy cập GitHub để xác nhận: https://github.com/[username-của-bạn] — bạn sẽ thấy repository mới

Phần C — Deploy lên Google Cloud Run:

  1. Trên AI Studio, tìm nút “Deploy” (biểu tượng tên lửa hoặc nút có chữ Deploy) trên thanh công cụ phía trên bên phải
  2. Click vào Deploy
  3. Hệ thống sẽ hỏi bạn chọn Google Cloud Project:
    • Nếu chưa có project: click “Create a project” hoặc đến https://console.cloud.google.com → tạo project mới → đặt tên (ví dụ: “my-website”)
    • ⚠️ Bước này yêu cầu kích hoạt billing (thanh toán) cho Cloud project. Google Cloud cho miễn phí $300 credit cho tài khoản mới. Truy cập https://console.cloud.google.com/billing để kiểm tra
  4. Chọn project từ dropdown
  5. Hệ thống tự kiểm tra billing → nếu OK, nút “Deploy app” sáng lên
  6. Bấm “Deploy app” → chờ 2-5 phút (hệ thống đang đóng gói code, tạo container, và đưa lên Cloud Run)
  7. Khi hoàn tất, bạn sẽ thấy “App URL” — đây là link website thật của bạn!
  8. Click vào link URL — website của bạn đã SỐNG trên internet!
  9. Thử mở link trên điện thoại, gửi cho bạn bè mở thử

✅ Kết Quả Đầu Ra

Bạn sẽ có 1 sản phẩm live trên internet với URL thật, ai cũng có thể truy cập. Bạn cũng có bản sao code trên GitHub để lưu trữ an toàn.


💡 Mẹo & Lưu Ý

  • URL mặc định của Cloud Run dạng https://service-xxxxx.run.app — trông hơi dài. Nếu muốn domain (tên miền) đẹp hơn như www.tenban.com, bạn sẽ cần mua domain riêng và cấu hình — đây là bước nâng cao, có thể tìm hiểu sau
  • Cloud Run tính phí theo lượng sử dụng. Với website nhỏ, phí gần như 0 đồng/tháng. Nhưng nếu bạn dùng Gemini API trong app, phí có thể phát sinh tùy lượng gọi API
  • ⚠️ Lỗi thường gặp: Deploy thất bại với lỗi “billing not enabled.” Giải pháp: truy cập https://console.cloud.google.com/billing, đảm bảo đã thêm phương thức thanh toán. Google Cloud cho miễn phí $300 credit — bạn không bị tính tiền cho đến khi vượt hạn mức miễn phí

📝 Bài Tập Về Nhà

Deploy thành công 1 sản phẩm và chia sẻ link cho ít nhất 5 người. Hỏi họ: mở được không? Nhanh không? Xem trên điện thoại được không? Ghi lại phản hồi. Cũng ghi lại link URL này — đây là “địa chỉ cửa hàng” online đầu tiên bạn tự tay tạo ra.


🏆 Achievement Bài 18

  • [ ] Hoàn thành đọc phần kiến thức
  • [ ] Làm xong các bước thực hành
  • [ ] Nộp bài tập về nhà
  • [ ] Ghi chú những điều học được

Bài tiếp theo: Chia sẻ, đo lường, thu thập phản hồi 🚀

Powered by CodyMaster × VitePress