이제 Google AI Studio에서 풀 스택 개발을 지원하므로 클라이언트 측 프로토타입을 넘어선 애플리케이션을 빌드할 수 있습니다. 서버 측 런타임을 사용하면 보안 비밀을 관리하고, 외부 API에 연결하고, 실시간 멀티플레이어 환경을 빌드할 수 있습니다.
서버 측 런타임
이제 Google AI Studio 애플리케이션에 서버 측 구성요소 (Node.js)를 포함할 수 있습니다. 그러면 다음과 같은 이점을 얻을 수 있습니다.
- 서버 측 로직 실행: 클라이언트에 노출되지 않아야 하는 코드를 실행합니다.
- npm 패키지 액세스: Antigravity Agent는 광범위한 npm 생태계에서 패키지를 설치하고 사용할 수 있습니다.
- 보안 비밀 처리: API 키와 사용자 인증 정보를 안전하게 사용합니다.
npm 패키지 사용
npm install를 수동으로 실행할 필요가 없습니다. 패키지가 필요한 기능을 추가해 달라고 에이전트에게 요청하기만 하면 설치와 가져오기를 처리합니다.
예: > 'axios을 사용하여 외부 API에서 데이터를 가져와'
보안 비밀을 안전하게 관리
이제 서버 측 코드와 보안 비밀 관리를 통해 세상과 상호작용하는 앱을 빌드할 수 있습니다.
- 서드 파티 API: Stripe, SendGrid 또는 맞춤 REST API와 같은 서비스에 연결합니다.
- 데이터베이스: Supabase, Firebase 또는 MongoDB Atlas를 통해 외부 데이터베이스에 연결하여 세션이 끝난 후에도 데이터를 유지합니다.
실제 앱을 빌드할 때는 API 키가 필요한 서드 파티 서비스(예: Twilio, Slack, 데이터베이스)에 연결해야 하는 경우가 많습니다. 다음 단계에 따라 키를 수동으로 추가할 수 있습니다.
- 보안 비밀 추가: Google AI Studio의 설정 메뉴로 이동하여 보안 비밀 섹션을 찾습니다.
- 키 저장: 여기에 API 키 또는 비밀 토큰을 추가합니다.
- 코드에서 액세스: 에이전트는 이러한 보안 비밀에 안전하게 액세스하는 서버 측 코드를 작성할 수 있습니다 (일반적으로 환경 변수를 통해). 이렇게 하면 보안 비밀이 클라이언트 측 브라우저에 노출되지 않습니다.
필요한 경우 에이전트는 새 보안 비밀이 필요하거나 프로젝트의 env 변수에서 새 키가 감지될 때마다 채팅에 키를 추가하라는 메시지가 표시된 카드를 표시합니다.
OAuth 설정
보안 비밀 관리의 주요 사용 사례 중 하나는 다른 웹사이트 또는 앱에 연결하기 위해 OAuth를 설정하는 것입니다. 프롬프트에 OAuth 인증이 필요한 서드 파티 앱에 연결하는 방법에 관한 안내가 포함된 경우 상담사는 해당 애플리케이션의 OAuth를 설정하는 방법에 관한 안내를 제공합니다. 이 안내에는 OAuth 애플리케이션을 구성하는 데 필요한 콜백 URL이 포함되어 있습니다. 설정 패널의 통합에서도 콜백 URL을 확인할 수 있습니다.
멀티플레이어 환경 구축
전체 스택 런타임은 실시간 공동작업 기능을 지원합니다.
- 실시간 상태: 에이전트에게 '실시간 채팅', '공동 화이트보드', '멀티플레이어 게임'과 같은 기능을 빌드해 달라고 요청할 수 있습니다.
- 동기화된 세션: 서버가 상태를 관리하므로 여러 사용자가 동일한 애플리케이션 인스턴스와 실시간으로 상호작용할 수 있습니다.
프롬프트 예시: > '플레이어가 서로의 커서를 볼 수 있는 멀티플레이어 게임으로 만들어 줘.'
멀티플레이어 앱 테스트를 위한 팁
앱을 배포하기 전에 두 가지 방법으로 멀티플레이어 모드를 테스트할 수 있습니다.
- Google AI Studio 빌드 모드에서 여러 탭으로 앱을 엽니다. 빌드 모드에서 개발할 때 앱은 개발 컨테이너에 있습니다. 여러 탭에서 앱을 열면 앱을 사용하는 여러 플레이어를 시뮬레이션할 수 있습니다.
- 오른쪽 상단의 공유 메뉴를 사용하여 다른 사용자와 앱을 공유한 다음 공유 메뉴의 통합 탭에 있는 공유 URL을 사용하여 앱을 공유한 플레이어와 앱을 사용합니다.
권장사항
- 보안 비밀 보안: 항상 민감한 키에는 보안 비밀 관리자를 사용하세요. 파일에 하드코딩하지 마세요.
- 관심사 분리: UI 로직은 클라이언트 측 프레임워크(React/Angular)에, 비즈니스 로직/데이터 처리는 서버 측에 유지합니다.
- 오류 처리: 앱이 비정상 종료되지 않도록 서버 측 코드에서 외부 API 호출의 오류를 강력하게 처리해야 합니다.