Trang này mô tả cách bạn có thể sử dụng chế độ Build (Xây dựng) trong Google AI Studio để nhanh chóng tạo (hoặc viết mã rung) và triển khai các ứng dụng kiểm thử các tính năng mới nhất của Gemini như nano banana và Live API.
Bắt đầu
Bắt đầu viết mã rung trong Chế độ tạo của Google AI Studio. Bạn có thể bắt đầu xây dựng theo một số cách:
- Bắt đầu bằng một câu lệnh: Ở chế độ Tạo, hãy dùng hộp nhập để nhập nội dung mô tả về những gì bạn muốn tạo. Chọn AI Chips để thêm các tính năng cụ thể như tạo hình ảnh hoặc dữ liệu của Google Maps vào câu lệnh. Bạn thậm chí có thể nói nội dung mình muốn bằng nút chuyển lời nói thành văn bản.
- Nút "Xem trang đầu tiên tìm được": Nếu cần khơi nguồn sáng tạo, hãy dùng nút "Xem trang đầu tiên tìm được" và Gemini sẽ tạo một câu lệnh kèm theo ý tưởng dự án để giúp bạn bắt đầu.
- Phối lại một dự án trong Thư viện: Mở một dự án trong Thư viện ứng dụng rồi chọn Sao chép ứng dụng.
Sau khi chạy câu lệnh, bạn sẽ thấy mã và các tệp cần thiết được tạo, cùng với bản xem trước trực tiếp của ứng dụng xuất hiện ở bên phải.
Nội dung nào được tạo?
Khi bạn chạy câu lệnh, AI Studio sẽ tạo một ứng dụng web. Theo mặc định, AI Studio sẽ tạo một ứng dụng web React nhưng bạn có thể chọn tạo một ứng dụng Angular trong trình đơn Cài đặt. Bạn có thể xem mã được tạo bằng cách chọn thẻ Mã trong ngăn xem trước bên phải.
Sau đây là những tệp cần lưu ý:
- geminiService.ts: Tệp này chứa logic chính cho ứng dụng của bạn, từ việc tạo câu lệnh đến gọi Gemini API và phân tích cú pháp các phản hồi của API này. Bạn có thể chỉnh sửa câu lệnh cơ sở trong tệp này hoặc sửa đổi trực tiếp mọi chức năng của thành phần hoặc bằng cách trò chuyện tương tác với Gemini ở chế độ Build (Xây dựng). Xin lưu ý rằng mã trong tệp này sử dụng GenAI TS SDK để tương tác với Gemini API.
Tiếp tục xây dựng
Sau khi Google AI Studio tạo mã ban đầu cho ứng dụng web của bạn, bạn có 2 lựa chọn chính để tiếp tục dự án: Xây dựng trong AI Studio hoặc Phát triển bên ngoài.
Tạo trong Google AI Studio
Bạn có thể tiếp tục tinh chỉnh và mở rộng ứng dụng ngay trong môi trường Google AI Studio:
- Lặp lại với Gemini: Sử dụng bảng trò chuyện ở Chế độ tạo để yêu cầu Gemini sửa đổi, thêm tính năng mới hoặc thay đổi kiểu. Ví dụ: bạn có thể yêu cầu "Thêm một nút cảnh báo người dùng" hoặc "Thay đổi bảng phối màu thành xanh dương và trắng".
- Chỉnh sửa trực tiếp đoạn mã: Mở thẻ Mã trong bảng xem trước để chỉnh sửa trực tiếp. Bạn có thể lưu dự án vào GitHub để sử dụng tính năng kiểm soát phiên bản trong khi phát triển.
Phát triển bên ngoài
Đối với các quy trình làm việc nâng cao hơn, bạn có thể xuất mã và làm việc trong môi trường mà bạn muốn:
- Tải xuống và phát triển cục bộ: Xuất mã đã tạo dưới dạng tệp ZIP và nhập tệp đó vào trình chỉnh sửa mã của bạn. Điều này cho phép bạn sử dụng các công cụ, hệ thống xây dựng và phương pháp kiểm soát phiên bản cục bộ quen thuộc để tiếp tục xây dựng ngoài nguyên mẫu ban đầu.
- Đẩy lên GitHub: Tích hợp mã với các quy trình phát triển và triển khai hiện có bằng cách đẩy mã đó lên một kho lưu trữ GitHub.
Các tính năng chính
Google AI Studio có một số tính năng giúp quá trình xây dựng trở nên trực quan và dễ hiểu:
- Chế độ chú thích: Thay vì viết mã để thay đổi giao diện của ứng dụng, Chế độ chú thích cho phép bạn làm nổi bật mọi phần trong giao diện người dùng của ứng dụng và mô tả thay đổi mà bạn muốn. Ví dụ: bạn có thể chọn một thành phần và nhập "Làm cho nút này có màu xanh dương" hoặc "Tạo hiệu ứng cho hình ảnh này trượt vào từ bên trái". Khi bạn chọn Thêm vào cuộc trò chuyện, một câu lệnh sẽ được tạo kèm theo ảnh chụp màn hình của ứng dụng đã chú thích.
- Chia sẻ ứng dụng: Bạn có thể chia sẻ tác phẩm của mình với người khác để cộng tác hoặc giới thiệu tác phẩm.
- Thư viện ứng dụng: Thư viện ứng dụng cung cấp một thư viện trực quan về các ý tưởng dự án. Bạn có thể duyệt xem những việc có thể làm với Gemini, xem trước các ứng dụng ngay lập tức và phối lại các ứng dụng đó để tạo ra ứng dụng của riêng mình.
Triển khai hoặc lưu trữ ứng dụng
Sau khi ứng dụng đã sẵn sàng, bạn có thể triển khai ứng dụng đó ngay trong AI Studio. Các lựa chọn triển khai bao gồm:
- Google Cloud Run: Triển khai ứng dụng của bạn dưới dạng một dịch vụ có khả năng mở rộng. Xin lưu ý rằng giá cho Google Cloud Run có thể áp dụng dựa trên mức sử dụng.
- GitHub: Xuất dự án của bạn sang một kho lưu trữ GitHub để tích hợp dự án đó vào quy trình phát triển và triển khai hiện có.
Các điểm hạn chế
Phần này trình bày những hạn chế quan trọng khi sử dụng chế độ Xây dựng trong Google AI Studio.
Bảo mật và nguy cơ lộ khoá API
- Bất kỳ ai xem ứng dụng được chia sẻ đều có thể thấy mã của ứng dụng đó. Đừng bao giờ sử dụng khoá API thực trực tiếp trong mã của ứng dụng.
- Theo mặc định, các ứng dụng sử dụng một phần giữ chỗ (ví dụ: process.env.GEMINI_API_KEY) cho khoá API. Khi người dùng chạy ứng dụng dùng chung của bạn trong AI Studio, AI Studio sẽ đóng vai trò là một proxy, thay thế phần giữ chỗ bằng khoá API của người dùng cuối, đảm bảo khoá của bạn vẫn ở chế độ riêng tư.
Chế độ hiển thị và chia sẻ ứng dụng
- Các ứng dụng được lưu trữ trong Google Drive và kế thừa mô hình quyền của Drive, tức là các ứng dụng này sẽ ở chế độ riêng tư theo mặc định.
- Quyền chia sẻ: Khi bạn chia sẻ một ứng dụng với người dùng khác:
- Người dùng được chia sẻ có thể xem mã và phân nhánh ứng dụng để sử dụng cho riêng mình.
- Nếu được cấp quyền chỉnh sửa, người dùng được chia sẻ có thể sửa đổi mã của ứng dụng.
Triển khai bên ngoài AI Studio
- Mặc dù bạn có thể triển khai ứng dụng của mình lên Cloud Run cho một URL công khai, nhưng chế độ thiết lập này sẽ sử dụng khoá API của bạn cho tất cả các lệnh gọi Gemini API của người dùng.
- Các ứng dụng JavaScript chạy phía ứng dụng khách, vì vậy, hãy đảm bảo khoá API chỉ có quyền truy cập tối thiểu để ngăn chặn rò rỉ hoặc sử dụng sai dữ liệu. Ví dụ: người dùng có thể truy cập vào các Cửa hàng tìm kiếm tệp khác trong cùng một dự án thông qua cơ chế này.
- Triển khai bên ngoài một cách an toàn: Để chạy ứng dụng một cách an toàn bên ngoài AI Studio (ví dụ: sau khi tải tệp zip xuống), bạn phải di chuyển logic sử dụng khoá API sang một thành phần phía máy chủ để ngăn người dùng cuối biết được khoá. Bạn không cần làm việc này nếu triển khai bằng Cloud Run.
- Cảnh báo về việc để lộ khoá: Bạn không nên chỉ thay thế phần giữ chỗ bằng một khoá API thực trong môi trường phía máy khách, vì khoá sẽ hiển thị cho mọi người dùng.
Hỗ trợ công cụ và tính năng
- Nhập để phát triển cục bộ: Hiện tại, bạn không thể phát triển ứng dụng cục bộ bằng các công cụ bên ngoài và nhập ứng dụng đó vào AI Studio.
Tiếp theo là gì?
- Xem những gì người khác đã tạo và tìm cảm hứng bằng cách phối lại một dự án hiện có trong Thư viện ứng dụng.
- Hãy xem danh sách phát trên YouTube để xem tuyển tập các hướng dẫn về mã hoá rung trong AI Studio nhằm giúp bạn bắt đầu.