Bubble.io 앱에서 지리적 위치를 어떻게 통합하나요?

답변:

1단계: Bubble.io 편집기에 앱 권한을 얻어 "설정" 탭으로 이동합니다.

2단계: 설정 내부에서 "일반" 섹션으로 이동하고 "일반 서비스 API 키"를 찾기 위해 아래로 스크롤합니다.

3단계: Google 개발자 콘솔에서 귀하의 앱을 설정하십시오. 콘솔에 방문하여 Google 계정으로 로그인합니다. 진행하려면 청구 정보를 제공해야 할 수도 있습니다. Google의 API를 계속 사용하려면 청구 계정을 설정해야 합니다.

4단계: Google 개발자 콘솔에서 Bubble 앱에 연결될 새 프로젝트를 만드십시오.

5단계: 프로젝트가 선택되었는지 확인한 다음 메뉴 아이콘(usually in the upper-left corner)을 클릭하고 "API 및 서비스"를 선택한 다음 "라이브러리"를 선택합니다.

6단계: API 라이브러리에서 다음 API를 검색하고 활성화해야합니다.

• Geocoding API
• Places API
• Geolocation API
• Maps JavaScript API
• Time Zone API (2020년 5월 기준)

7단계: 이러한 API를 활성화한 후 "자격 증명" 섹션으로 이동하여 두 개의 새 API 키를 작성합니다. 하나는 "클라이언트" 키로, 다른 하나는 "서버" 키로 참조됩니다.

8단계: "응용 프로그램 제한"의 "HTTP 리퍼러(웹 사이트)"를 적용하여 Client API 키에 제한을 설정하고 Bubble 앱의 도메인(예: "https://appname.bubbleapps.io/\*")을 "웹 사이트 제한" 섹션에 추가합니다.

9단계: 그런 다음, "API 제한"의 "키 제한"을 선택하고 드롭다운에서 모든 API를 선택하여 서버 API 키에 제한을 설정합니다.

10단계: 클라이언트 API 키와 서버 API 키를 모두 얻은 후, Bubble 편집기의 "일반 서비스 API 키" 섹션으로 돌아가 "Google Geocode API 키" 필드에 서버 키를 붙여넣고 "Google Map API 키" 필드에 클라이언트 키를 붙여넣습니다.

11단계: 이제 API 키가 있어 Bubble 앱에서 지리적 위치 기능을 사용할 수 있습니다. 지리적 데이터를 사용하는 맵 요소나 입력을 추가해야 할 수도 있습니다. Bubble은 맵과 지리적 데이터와 상호 작용하는 다양한 요소와 플러그인을 가지고 있습니다. 이 중에서 앱의 요구에 맞는 적절한 요소를 선택하십시오.

12단계: 지리적 위치 기능이 제대로 작동하는지 테스트합니다. 위치를 표시하는 맵 요소를 추가하거나 사용자가 주소를 입력하고 Google Places API에서 제안하는 것을 볼 수 있게 입력을 만들 수 있습니다.

Bubble의 문서 및 Google의 관련 API 문서를 검토하여 최신 업데이트를 확인하고, 플랫폼은 자주 기능과 요구 사항을 업데이트하므로 이 점을 기억하십시오.