Gemini API로 앱 빌드

App Prototyping agent를 사용하여 Gemini API로 새 앱 프로토타입을 자동으로 만들 수 있지만 버튼을 한 번 클릭하여 Gemini 개발자 API로 빈 캔버스를 실행할 수도 있습니다. 필요한 모든 Gemini API 인프라가 포함된 템플릿을 사용하여 앱에서 Google의 최신 생성형 AI 모델을 사용해 보세요. Gemini API 키를 추가하고 코딩을 시작하기만 하면 됩니다.

Gemini API가 미리 로드된 새 앱 빌드

템플릿 대시보드에서 Firebase Studio Gemini API 템플릿에 액세스하고 AI의 힘으로 빌드하세요.

  1. Firebase Studio 템플릿 대시보드에서 Gemini API의 Firebase Studio 템플릿을 엽니다.
  2. 환경의 언어와 프레임워크를 선택합니다. Firebase Studio의 Gemini API 템플릿은 JavaScript (Vite 또는 Genkit 사용) 및 Python (Flask를 사용한 노트북 또는 웹 앱)에서 사용할 수 있으며, 더 많은 언어와 프레임워크가 곧 지원될 예정입니다.
  3. (선택사항) 앱에 LangChain 프레임워크를 추가하려면 LangChain 사용 옵션을 선택합니다.
  4. 작업공간이 로드되면 main.js 또는 main.py 파일을 열고 API_KEY 변수를 Google AI 스튜디오의 Gemini API 키로 업데이트합니다.
  5. 웹 미리보기 패널에서 기본 앱을 테스트하여 Gemini API가 작동하는 모습을 확인하고 그에 따라 새 Gemini API 앱을 수정합니다.

기존 앱에 Gemini API 추가

Firebase Studio에서 기존 앱에 Gemini API를 직접 추가할 수도 있습니다.

  1. Firebase Studio을 엽니다.

  2. 탐색 창에서 Firebase Studio 아이콘을 클릭하여 Firebase Studio 패널을 엽니다.

  3. Google 통합 섹션을 펼치고 Gemini API 추가를 클릭합니다.

  4. 안내에 따라 계정을 인증하고 앱에 Gemini API 키를 추가합니다.