Gemini API로 앱 빌드

Project IDX를 사용하면 버튼 클릭 한 번으로 Gemini API를 사용하여 AI 앱으로 원활하게 전환할 수 있습니다. 필요한 모든 Gemini API 배관이 포함된 템플릿을 사용하여 앱에서 Google의 최신 생성형 AI 모델을 사용하기 시작합니다. API 키를 꽂으면 시작됩니다.

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

템플릿 대시보드에서 IDX Gemini API 템플릿에 액세스하고 AI의 기능으로 빌드합니다.

IDX의 Gemini API 템플릿 옵션 이미지

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

기존 앱에 Gemini API 추가

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

  1. 프로젝트 IDX를 엽니다.

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

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

  4. 표시되는 메시지에 따라 계정을 인증하고 Gemini API 키를 앱에 추가합니다.