/No-Code Development Agency

Bubble.io의 API 커넥터를 사용하여 Google 번역과 어떻게 통합하나요?

Bubble.io의 API Connector와 Google 번역을 통합하여 언어 장벽을 극복하고 앱의 글로벌 확장을 지원합니다.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io의 API 커넥터를 사용하여 Google 번역과 어떻게 통합하나요?

API 커넥터를 사용하여 Bubble.io 앱에 Google 번역을 통합하는 것은 API 호출을 설정하고 구성하는 것을 포함합니다. 이것은 어떻게 달성할 수 있는지입니다:

단계

  • Google Cloud API 키 얻기: Google 번역으로 호출을 보내기 전에 Google Cloud API 키를 가지고 있어야합니다. Google Cloud 플랫폼에서 프로젝트를 생성하고 해당 프로젝트에 대해 Google 번역 API를 활성화했는지 확인하세요. 프로젝트와 관련된 API 키를 안전하게 보호하세요.

  • API 커넥터에 액세스: Bubble.io 편집기에서 플러그인 탭으로 이동하고 'API Connector' 플러그인을 검색하세요. 아직 추가하지 않았다면 앱에 추가하세요.

  • API 호출 설정: API 커넥터에서 '다른 API 추가' 버튼을 클릭하여 새 API 호출을 만듭니다. 호출을 구성할 수 있는 옵션이 제시됩니다.

  • API 인증 구성: Google Translate API 문서에 따라 요청을 검증하기 위해 Google Cloud API 키를 입력하세요. 일반적으로 API 키는 헤더에 포함되거나 요청 URL의 쿼리 매개 변수로 포함됩니다.

  • 엔드포인트 설정: 요청 방법 (POST)과 Google Translate API 문서에서 제공하는 엔드포인트 URL을 지정합니다. 엔드포인트 URL은 일반적으로 https://translation.googleapis.com/language/translate/v2 형식을 따릅니다.

  • Body 정의: 번역할 텍스트와 대상 언어를 포함하여 JSON으로 요청의 본문을 정의합니다.

  • 작업 또는 데이터로 사용 선택: 이 API 호출을 작업으로 사용할지 데이터로 사용할지 결정합니다. 번역된 텍스트를 앱의 데이터 소스로 사용할 계획이라면 '데이터'로 설정합니다. 사용자의 액션 결과로 번역을 트리거하는 경우 '액션'으로 설정합니다.

  • 필수 매개 변수 입력: API에서 필요로 하는 모든 필수 매개 변수를 입력합니다. 이는 'source'와 'target' 언어 코드, 텍스트의 'format', 그리고 실제 번역할 'text'를 포함할 수 있습니다.

  • API 호출 테스트: API 커넥터 내에서 테스트를 실행하여 설정이 올바르게 작동하는지 확인합니다.

  • 응답 처리: API 호출이 예상된 결과를 반환하는 것을 확인한 후 앱에서 응답을 처리합니다. 반환된 데이터를 사용하여 번역된 텍스트를 표시하거나 앱 워크플로우 내에서 다른 동작을 수행하세요.

  • API 키 보호: API를 통합한 후 API 키를 보호하는지 확인하세요. 불허가 사용을 방지하고 비용을 부담할 수 있으므로 개인적이고 안전하게 보관하세요.

  • 반복 및 최적화: 앱을 개발하면서 API 통합을 계속 세밀화하세요. 번역 서비스가 필요한 다른 기능에 대해 여러 API 호출을 생성할 수 있습니다.

이러한 단계를 따르면 Bubble.io를 설정하여 Google 번역 API를 사용할 수 있습니다, 이를 통해 앱이 실시간으로 텍스트를 번역하고 사용자에게 다국어 지원을 제공할 수 있습니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences