Vibe Coding Google AI Studio: Build, giới hạn, triển khai
Cách vibe coding trong chế độ Build của Google AI Studio: các bước, giới hạn, hạn mức 2 ứng dụng của Starter Tier và cách triển khai hoặc xuất ứng dụng.
Câu hỏi thường gặp
Vibe coding trong Google AI Studio là gì?
Đó là chế độ Build, nằm tại aistudio.google.com/apps. Bạn mô tả ứng dụng bằng ngôn ngữ thông thường, Gemini tạo mã nguồn và bản xem trước trực tiếp hiện ngay bên cạnh. Theo tài liệu của Google, ứng dụng web mặc định dùng giao diện React với môi trường chạy phía máy chủ Node.js, và bạn cũng có thể chọn ứng dụng Android gốc (Kotlin và Jetpack Compose). Bạn tinh chỉnh kết quả bằng cách trò chuyện hoặc dùng chế độ chú thích (annotation mode) trên bản xem trước. Tài liệu được kiểm tra vào tháng 11/2026.
Vibe coding trong Google AI Studio có miễn phí không?
Tài liệu Build và deploy của Google không nêu hạn mức miễn phí. Tài liệu chỉ nói các lệnh gọi API từ ứng dụng của bạn được tính vào giới hạn sử dụng và có thể phát sinh chi phí nếu bạn dùng mô hình trả phí. Starter Tier cho phép các tài khoản đủ điều kiện xuất bản tối đa hai ứng dụng full-stack mà không cần dự án Google Cloud hay tài khoản thanh toán, nhưng giá Cloud Run vẫn có thể áp dụng tùy theo mức sử dụng. Hãy xem trang Billing trong AI Studio để biết mức giá hiện hành cho tài khoản của bạn.
Làm sao để triển khai ứng dụng xây dựng bằng Google AI Studio?
Nhấp Publish (Xuất bản) ở góc trên bên phải. Với Starter Tier, bạn nhấp tiếp Get Started rồi Publish App, và nhận được một URL Cloud Run. Triển khai tiêu chuẩn cần một dự án Google Cloud đã liên kết với tài khoản AI Studio và bật thanh toán. Bạn cũng có thể đồng bộ dự án lên GitHub hoặc tải về file ZIP rồi tự lưu trữ.
Tôi có thể xuất ứng dụng Google AI Studio lên GitHub hoặc máy chủ riêng không?
Có. AI Studio hỗ trợ đồng bộ GitHub hai chiều, quản lý ở tab GitHub trong Settings, kèm thông điệp commit do AI tạo và hộp thoại Resolve conflicts. Bạn cũng có thể tải về file ZIP. Nếu chạy mã ở nơi khác, bạn phải tự thiết lập biến môi trường GEMINI_API_KEY.
Khóa Gemini API của tôi có bị lộ trong ứng dụng đã xuất bản không?
Với các ứng dụng web mới, tài liệu của Google cho biết AI Studio lưu GEMINI_API_KEY như một bí mật phía máy chủ, hiển thị trong bảng Secrets, và không bao giờ đưa vào mã phía máy khách. Ứng dụng đã triển khai dùng chính khóa này cho mọi lệnh gọi Gemini của từng khách truy cập, nên lượng sử dụng của họ được tính vào giới hạn và chi phí của bạn.
Ai có thể dùng Starter Tier để xuất bản?
Trang triển khai của Google cho biết tài khoản đăng nhập bằng Google Workspace không đủ điều kiện, tài khoản có tài khoản thanh toán Google Cloud trả phí đang hoạt động hoặc từng có, hay không có đủ bằng chứng hoạt động cũng vậy. Google cũng nói bộ phận hỗ trợ không thể ngoại lệ về điều kiện. Nếu không đủ điều kiện, hãy dùng triển khai tiêu chuẩn với dự án Google Cloud đã bật thanh toán.
Trả lời ngắn: Vibe coding trong Google AI Studio nằm ở chế độ Build tại aistudio.google.com/apps. Bạn mô tả một ứng dụng, Gemini viết giao diện React cùng máy chủ Node.js (hoặc ứng dụng Android gốc), và bạn chỉnh sửa dần trên bản xem trước trực tiếp. Khi ứng dụng chạy tốt, nhấp Publish để đưa lên Cloud Run, đồng bộ lên GitHub hoặc tải về file ZIP. Hãy xem các giới hạn dưới đây trước khi chia sẻ liên kết, vì các lệnh gọi Gemini của khách truy cập chạy bằng khóa của bạn. Mọi chi tiết đã được đối chiếu với tài liệu của Google vào tháng 11/2026.
Chế độ Build thực sự làm được gì
Chế độ Build là môi trường biến câu lệnh thành ứng dụng ngay trong AI Studio. Theo tài liệu của Google:
- Ứng dụng web (mặc định): giao diện React cùng môi trường chạy Node.js phía máy chủ để gọi API an toàn, kết nối cơ sở dữ liệu và dùng các gói npm. Agent tự cài gói khi cần.
- Ứng dụng Android: Kotlin và Jetpack Compose, xem trước trong trình giả lập chạy trên trình duyệt, cài lên thiết bị qua ADB ngay trong trình duyệt, và có thể xuất bản lên Play Store để thử nghiệm nội bộ.
- Tích hợp sẵn: Firebase Firestore và Firebase Authentication (Sign in with Google), các kết nối Google Workspace như Gmail, Sheets, Docs, Drive và Calendar với thiết lập OAuth tự động, và trạng thái nhiều người chơi (multiplayer) do môi trường chạy phía máy chủ xử lý.
- Cơ sở dữ liệu khác: tài liệu cho biết bạn có thể dùng bất kỳ nơi lưu trữ nào truy cập được qua mạng, tùy thuộc giới hạn của tường lửa đối với dải IP động.
Nếu thuật ngữ này còn mới với bạn, bài giải thích về vibe coding là gì của chúng tôi trình bày rõ ý tưởng. Chế độ Build chỉ là một cách triển khai của ý tưởng đó.
Cách vibe coding một ứng dụng trong Google AI Studio
- Mở chế độ Build. Vào aistudio.google.com/apps và chọn ứng dụng web (mặc định) hoặc Android gốc trong bộ chọn nền tảng.
- Viết câu lệnh. Mô tả ai dùng ứng dụng, màn hình chính hiển thị gì và ứng dụng xử lý dữ liệu nào. Bạn có thể dùng AI Chips để thêm tính năng như tạo ảnh hoặc dữ liệu Google Maps, hoặc đọc to bằng tính năng chuyển giọng nói thành văn bản. "I'm Feeling Lucky" sẽ gợi ý một ý tưởng nếu bạn bí.
- Hoặc bắt đầu từ thứ có sẵn. Mở một ứng dụng trong App Gallery và chọn Copy App để chỉnh sửa lại, hoặc dùng Import from GitHub trong menu Add files (+) ở khung nhập câu lệnh.
- Chạy thử và xem bản xem trước. Các tệp được tạo hiện cùng bản xem trước trực tiếp ở bên phải. Tab Code hiển thị mã nguồn.
- Lặp lại theo từng bước nhỏ. Mỗi tin nhắn chỉ yêu cầu một thay đổi. Với chỉnh sửa giao diện, hãy dùng chế độ chú thích: đánh dấu một phần giao diện rồi mô tả thay đổi bạn muốn.
- Xử lý quyền truy cập. Nếu ứng dụng cần camera, micro hoặc định vị, tài liệu hướng dẫn liệt kê các API trình duyệt đó trong metadata.json, mục requestFramePermissions.
- Kiểm tra các khóa bí mật. Mở bảng Secrets trong Settings để xem GEMINI_API_KEY và thêm các khóa khác mà mã phía máy chủ của bạn cần.
- Lưu hoặc phát hành. Đồng bộ lên GitHub, tải về file ZIP hoặc nhấp Publish.
Cách viết câu lệnh để có bản nháp đầu tốt hơn
Hãy tạo một trang đặt lịch cho xưởng gốm nhỏ. Khách chọn một lớp học trong danh sách, chọn ngày, rồi nhập tên và email. Lưu các yêu cầu vào Firestore. Hiển thị màn hình xác nhận. Giữ bố cục một cột, ưu tiên di động. Không thêm đăng nhập.
Chỉ rõ nơi lưu dữ liệu, các màn hình và những gì không cần làm sẽ giúp agent bớt tự thêm các tính năng mà bạn phải xóa đi sau đó.
So sánh các cách triển khai và xuất ứng dụng
| Lựa chọn | Bạn nhận được | Yêu cầu (theo tài liệu của Google) | Lưu ý |
|---|---|---|---|
| Publish, Starter Tier | URL Cloud Run, có thể thêm tên miền phụ your-app-name.ai.studio | Tài khoản đủ điều kiện; không cần dự án Google Cloud hay tài khoản thanh toán | Tối đa hai dịch vụ tổng cộng, chỉ một vùng Cloud Run; tài khoản Workspace và tài khoản có thanh toán Cloud trả phí không đủ điều kiện |
| Publish, triển khai tiêu chuẩn | Dịch vụ Cloud Run có thể mở rộng | Dự án Google Cloud liên kết với AI Studio và bật thanh toán | Giá Cloud Run có thể áp dụng tùy mức sử dụng |
| Đồng bộ GitHub | Đồng bộ kho mã hai chiều kèm thông điệp commit | Tab GitHub trong Settings | Giải quyết xung đột merge trong hộp thoại |
| Tải file ZIP | Mã nguồn chạy được ở bất cứ đâu | Tự thiết lập GEMINI_API_KEY | Bạn tự lo lưu trữ, bí mật và cập nhật |
Với Starter Tier, xuất bản chỉ cần ba lần nhấp: Publish, Get Started, Publish App. Nếu đã có hai ứng dụng đang chạy, bạn phải hủy xuất bản một ứng dụng hoặc nâng cấp. Tên miền phụ tùy chỉnh theo nguyên tắc ai đến trước được trước và sẽ được giải phóng khi bạn hủy xuất bản hoặc xóa ứng dụng.
Giới hạn và rủi ro cần biết trước khi chia sẻ
- Khóa của bạn trả tiền cho mọi khách truy cập. Ứng dụng đã triển khai dùng khóa Gemini API của bạn cho các lệnh gọi của mọi người dùng, và tài liệu cảnh báo có thể phát sinh chi phí nếu bạn dùng mô hình trả phí. AI Studio sẽ cảnh báo bạn trước khi chia sẻ.
- Ứng dụng mặc định ở chế độ riêng tư. Những người bạn chia sẻ có thể xem và fork mã nguồn, còn người có quyền chỉnh sửa có thể thay đổi mã.
- Không đồng chỉnh sửa trực tiếp. Tài liệu của Google nói chưa hỗ trợ chỉnh sửa cộng tác theo thời gian thực; các nhóm cộng tác qua một kho GitHub chung.
- Liên kết chia sẻ có thể lỗi. Tài liệu nhắc đến lỗi 403 Access Restricted do các tiện ích mở rộng bảo vệ quyền riêng tư như Privacy Badger, hoặc do lỗi build.
- Bạn chịu trách nhiệm về hành vi của ứng dụng. Ứng dụng có thể bị gỡ nếu vi phạm chính sách, và nhà phát triển chịu trách nhiệm về hành vi cũng như dữ liệu của ứng dụng.
- Ứng dụng cũ. Các ứng dụng xây dựng trước ngày 14/5/2026 sẽ được nâng cấp lên cách dùng khóa phía máy chủ vào lần tiếp theo bạn chỉnh sửa tính năng Gemini của chúng.
Các trang của Google mà chúng tôi đã đọc không nêu số lượng yêu cầu hay token của gói miễn phí, nên chúng tôi không trích dẫn con số nào. Hãy xem trang Billing trong AI Studio để biết mức áp dụng cho tài khoản của bạn.
Trước khi xuất bản: danh sách kiểm tra có thể sao chép
- [ ] Ứng dụng chạy tốt trong bản xem trước với hồ sơ trình duyệt mới, không chỉ trong hồ sơ đã đăng nhập của bạn
- [ ] Các khóa bí mật nằm trong bảng Secrets, không dán vào mã hay câu lệnh
- [ ] Bạn biết ứng dụng đã triển khai sẽ dùng khóa Gemini của ai và một ngày đông khách sẽ tốn bao nhiêu
- [ ] Đã rà soát quy tắc Firestore hoặc cơ sở dữ liệu để khách không đọc hay ghi được những gì không được phép
- [ ] Đã thử trên màn hình có chiều rộng điện thoại
- [ ] Kho mã đã đồng bộ lên GitHub để bạn có bản sao bên ngoài AI Studio
- [ ] Đã kiểm tra điều kiện Starter Tier, hoặc đã chuẩn bị sẵn một dự án Cloud bật thanh toán
Các ứng dụng do AI tạo ra có thể trông hoàn chỉnh nhưng vẫn ẩn chứa lỗ hổng về kiểm tra dữ liệu và kiểm soát truy cập, điều chúng tôi đã phân tích trong khoảng cách niềm tin của vibe coding với website.
Khi chế độ Build không phải công cụ phù hợp
Chế độ Build phù hợp với bản mẫu, công cụ nội bộ và các ứng dụng tương tác nhỏ có gọi Gemini. Đây là hướng đi nặng nề hơn nếu bạn chỉ cần một website doanh nghiệp đơn giản với tên miền, biểu mẫu liên hệ và khả năng hiển thị trên tìm kiếm. Một dịch vụ Cloud Run đứng sau tên miền phụ ai.studio cũng không giống một website mà bạn quản lý cho mục đích tìm kiếm. Nếu đang cân nhắc các nền tảng lưu trữ đơn giản hơn, hãy xem danh sách các lựa chọn thay thế Google Sites, và khi website đã hoạt động, hãy thiết lập Google Search Console để theo dõi cách nó được lập chỉ mục.
Với một website thông thường thay vì ứng dụng tùy chỉnh, gói miễn phí của We.Inc cho phép bạn xuất bản tối đa ba website từ các mẫu dựng sẵn; trình xây dựng AI tạo website từ câu lệnh bắt đầu ở gói Starter với giá $20 mỗi tháng. Bạn có thể đăng ký tại đây.
Bắt đầu miễn phí · Không cần thẻ tín dụng
Nhà sáng lập We.Inc
Umair là nhà sáng lập We.Inc. Anh viết về xây dựng website bằng AI, các agency và việc kinh doanh, vận hành một studio web.
Sẵn sàng tạo nên điều tuyệt vời?
Tham gia cùng 15,000+ doanh nghiệp đang dùng We.Inc để ra mắt, phát triển và tự động hóa, tất cả trên một nền tảng.
Bắt đầu miễn phíKhông cần thẻ tín dụng · Liên hệ bộ phận kinh doanh
Liên quan: Blog
- Tối ưu Google Business Profile
- Hướng dẫn Google Search Console
- Google Search Console và Google Analytics
- MX Record Google Workspace
- Website portfolio thiết kế đồ họa
- Màu website xanh lá
- 25 ý tưởng guerrilla marketing cho doanh nghiệp địa phương
- Thiết kế website salon tóc
Sản phẩm
Dành cho ai
- Dành cho đại lý
- Cho freelancer
- Cho nhà cung cấp hosting
- Cho nền tảng SaaS
- Cho startup
- Dịch vụ tài chính
- Giải pháp y tế
Tính năng
- Trình chỉnh sửa trực quan
- SEO & phân tích
- Thương hiệu riêng
- Bảng điều khiển khách hàng
- Thanh toán cho đại lý
Tài nguyên
- Blog
- Trung tâm trợ giúp
- Công cụ kinh doanh miễn phí
- Free UI Components
- Mẫu
- Bộ sưu tập mẫu
- Ví dụ website
- Hướng dẫn
- So sánh
- Lựa chọn thay thế
- Tốt nhất
- Đánh giá
- Hướng dẫn giá
- Trường hợp sử dụng
- Thuật ngữ và hướng dẫn
- Tích hợp
- Nhà phát triển
- Benchmark
- Windows App