주소 자동 완성

웹사이트에서 Google Places API를 사용하여 사용자의 배송 주소가 실제 존재하는 주소인지 여부를 확인하고 배송업체에서 주소를 파악할 수 있습니다. 개발자는 Google Places API를 통해 HTTP 요청으로 자세한 장소 정보에 액세스할 수 있습니다. 자동 완성 기능은 사용자가 주소를 입력하기 시작하면 장소 목록을 예측합니다.

주소 자동 완성 예시

이렇게 하려면 웹사이트 ‣ 환경 설정 ‣ 설정`으로 이동하여 :guilabel:`SEO 섹션에서 :guilabel:`주소 자동 완성`을 활성화합니다.

주소 자동 완성 활성화

API 키 필드에 :guilabel:`Google 장소 API 키`를 입력합니다. 키가 없는 경우에는 `Google Cloud 콘솔 <https://console.cloud.google.com/getting-started>`_에서 키를 생성한 후 다음 단계를 따릅니다.

1단계: Google 장소 API 사용하기

**새 프로젝트 만들기:****Google 장소 API**를 사용할 수 있게 하려면 먼저 프로젝트를 만들어야 합니다. 프로젝트를 만들려면 왼쪽 상단 모서리에 있는 프로젝트 선택, :guilabel:`새 프로젝트`를 클릭한 다음 프롬프트에 따라 프로젝트를 설정합니다.

Google Places API 활성화하기: 사용 중인 API 및 서비스`로 이동하여 :guilabel:`+ API 및 서비스 사용하기`를 클릭합니다. :guilabel:”장소 API” 검색하여 선택하세요. :guilabel:”사용하기”` 버튼을 클릭합니다.

참고

Google의 요금은 요청 수와 복잡한 정도에 따라 달라집니다.

2단계: API 자격 증명 생성하기

`API 및 서비스 –> 자격 증명 <https://console.cloud.google.com/apis/credentials>`_로 이동합니다.

자격 증명 만들기: 자격 증명을 만들려면 :guilabel:`자격 증명`으로 이동하여 :guilabel:`자격 증명 만들기`를 클릭한 후 :guilabel:`API 키`를 선택합니다.

API 키 제한하기 (선택 사항)

보안 목적으로 API 키 사용을 제한할 수 있습니다. API 제한 섹션으로 이동하여 키를 통해 액세스할 수 있는 API를 지정할 수 있습니다. Google 장소 API의 경우 특정 웹사이트나 앱에서 요청된 경우에만 허용하도록 제한할 수 있습니다.

중요

  • API 키 저장: API 키를 복사하여 안전하게 저장합니다.

  • 일반에 공유하거나 클라이언트 코드에 노출되지 않도록 합니다.