Phát triển ứng dụng Full-Stack trong Google AI Studio

Giờ đây, AI Studio của Google hỗ trợ hoạt động phát triển toàn diện, cho phép bạn tạo các ứng dụng vượt xa nguyên mẫu phía máy khách. Với thời gian chạy phía máy chủ, bạn có thể quản lý các khoá bí mật, kết nối với các API bên ngoài và tạo trải nghiệm nhiều người chơi theo thời gian thực.

Thời gian chạy phía máy chủ

Giờ đây, các ứng dụng Google AI Studio có thể bao gồm một thành phần phía máy chủ (Node.js). Điều này cho phép bạn:

  • Thực thi logic phía máy chủ: Chạy mã không được hiển thị cho máy khách.
  • Truy cập vào các gói npm: Antigravity Agent có thể cài đặt và sử dụng các gói từ hệ sinh thái npm rộng lớn.
  • Xử lý thông tin bí mật: Sử dụng khoá API và thông tin đăng nhập một cách an toàn.

Sử dụng các gói npm

Bạn không cần chạy npm install theo cách thủ công. Bạn chỉ cần yêu cầu Trợ lý thêm chức năng yêu cầu một gói, Trợ lý sẽ xử lý việc cài đặt và nhập.

Ví dụ: > "Sử dụng axios để tìm nạp dữ liệu từ API bên ngoài."

Quản lý bí mật một cách an toàn

Với tính năng quản lý mã và khoá bí mật phía máy chủ, giờ đây, bạn có thể tạo các ứng dụng tương tác với thế giới.

  • API của bên thứ ba: Kết nối với các dịch vụ như Stripe, SendGrid hoặc API REST tuỳ chỉnh.
  • Cơ sở dữ liệu: Kết nối với cơ sở dữ liệu bên ngoài (ví dụ: thông qua Supabase, Firebase hoặc MongoDB Atlas) để duy trì dữ liệu ngoài phiên.

Khi tạo các ứng dụng trong thế giới thực, bạn thường cần kết nối với các dịch vụ bên thứ ba (chẳng hạn như Twilio, Slack hoặc cơ sở dữ liệu) yêu cầu khoá API. Bạn có thể thêm khoá theo cách thủ công bằng cách làm theo các bước sau:

  1. Thêm một khoá bí mật: Chuyển đến trình đơn Cài đặt trong Google AI Studio rồi tìm phần Khoá bí mật.
  2. Lưu trữ khoá: Thêm khoá API hoặc mã thông báo bí mật của bạn vào đây.
  3. Truy cập trong mã: Agent có thể viết mã phía máy chủ để truy cập vào các bí mật này một cách an toàn (thường là thông qua các biến môi trường), đảm bảo rằng chúng không bao giờ bị lộ cho trình duyệt phía máy khách.

Khi cần, tác nhân cũng sẽ hiển thị một thẻ trong cuộc trò chuyện, nhắc bạn thêm khoá bất cứ khi nào cần một bí mật mới hoặc khi phát hiện thấy một khoá mới trong các biến môi trường của dự án.

Thiết lập OAuth

Một trường hợp sử dụng chính cho việc quản lý bí mật là thiết lập OAuth để kết nối với các trang web hoặc ứng dụng khác. Khi câu lệnh của bạn có hướng dẫn về cách kết nối với một ứng dụng bên thứ ba yêu cầu xác thực OAuth, thì trợ lý sẽ cung cấp hướng dẫn về cách thiết lập OAuth cho ứng dụng đó. Các hướng dẫn này sẽ bao gồm những URL gọi lại cần thiết để định cấu hình Ứng dụng OAuth. Bạn cũng có thể tìm thấy các URL gọi lại trong mục Tích hợp trong bảng Cài đặt.

Tạo trải nghiệm nhiều người chơi

Thời gian chạy toàn ngăn xếp cho phép các tính năng cộng tác theo thời gian thực.

  • Trạng thái theo thời gian thực: Bạn có thể yêu cầu Trợ lý tạo các tính năng như "một cuộc trò chuyện trực tiếp", "một bảng trắng cộng tác" hoặc "một trò chơi nhiều người chơi".
  • Phiên được đồng bộ hoá: Máy chủ quản lý trạng thái, cho phép nhiều người dùng tương tác với cùng một phiên bản ứng dụng theo thời gian thực.

Ví dụ về câu lệnh: > "Hãy biến đây thành một trò chơi nhiều người chơi, trong đó người chơi có thể nhìn thấy con trỏ của nhau."

Mẹo kiểm thử ứng dụng nhiều người chơi

Bạn có thể kiểm thử chế độ nhiều người chơi theo 2 cách trước khi triển khai ứng dụng.

  1. Mở ứng dụng của bạn ở chế độ Tạo của Google AI Studio trong nhiều thẻ. Khi phát triển ở chế độ Build, ứng dụng của bạn sẽ nằm trong một vùng chứa dành cho nhà phát triển. Việc mở ứng dụng ở nhiều thẻ sẽ cho phép bạn mô phỏng nhiều người chơi sử dụng ứng dụng của mình.
  2. Chia sẻ ứng dụng với người khác bằng trình đơn Chia sẻ ở trên cùng bên phải, sau đó sử dụng URL được chia sẻ trong thẻ Tích hợp của trình đơn Chia sẻ để sử dụng ứng dụng với những người chơi mà bạn đã chia sẻ ứng dụng.

Các phương pháp hay nhất

  • Bảo mật bí mật: Luôn sử dụng Trình quản lý bí mật cho các khoá nhạy cảm. Đừng bao giờ mã hoá cứng các giá trị này trong tệp của bạn.
  • Phân tách các mối lo ngại: Giữ logic giao diện người dùng trong khung phía máy khách (React/Angular) và logic nghiệp vụ/xử lý dữ liệu ở phía máy chủ.
  • Xử lý lỗi: Đảm bảo mã phía máy chủ của bạn xử lý lỗi một cách mạnh mẽ từ các lệnh gọi API bên ngoài để ngăn ứng dụng gặp sự cố.

Tiếp theo là gì?