Skip to main content

SNS 매체별 Client(App) ID 발급 방법 - 구글 로그인 설정 방법

 

구글 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요?

구글 개발자센터에서 프로젝트를 생성하여 발급 받을 수 있어요. 쇼핑몰에 구글 로그인 연동을 위해서는 구글 클라이언트(앱) ID를 발급 받아야 해요.

자세히 알아보기

구글 개발자센터 가입

구글 로그인 연동을 위해 구글 개발자센터 로 이동하여 로그인 해 주세요. 기존 생성한 구글 계정이 없는 경우에는 '계정 만들기'를 클릭하여 구글 계정을 생성해 주세요.

 

프로젝트 생성

  1. 구글 클라이언트 ID를 생성하기 위해서는 먼저 새로운 프로젝트를 등록해야 해요. 서비스 약관을 확인하고 '동의' 버튼 클릭 후, '사용 설정된 API 및 서비스'에서 '프로젝트 만들기' 버튼을 클릭해 주세요. (상단의 '프로젝트 선택 > 새 프로젝트' 클릭도 가능)
  2. 새 프로젝트 등록 화면이 표시되면, '프로젝트 이름' 입력하고 '만들기' 버튼을 클릭하여 새로운 프로젝트를 생성해 주세요.

 

OAuth 동의 화면 정보 입력

  1. 'API 및 서비스 > OAuth 동의 화면'으로 이동해 주세요.
  2. 'User Type'을 '외부'로 선택 후 '앱 등록 수정'으로 이동해 주세요.
  3. 앱 이름, 승인된 도메인 등의 정보를 입력 후 '저장 후 계속' 버튼을 클릭해 주세요. '승인된 도메인' 입력 시 프로토콜(http:// 또는 https://)은 제외해야 하며, 경로(test.com/path)를 포함해선 안돼요.

 

클라이언트 ID 생성

  1. 새 프로젝트가 생성되면 'API 및 서비스 > 사용자 인증 정보'에서 '사용자 인증 정보 만들기(CREATE CREDENTIALS) > OAuth 클라이언트 ID'를 선택해 주세요.

  2. 애플리케이션 유형은 '웹 애플리케이션' 유형을 선택하고 '승인된 자바스크립트 원본'과 '승인된 리디렉션 URI'에 아래와 같이 쇼핑몰 주소를 입력 후 '만들기' 버튼을 클릭해 주세요.

    • 승인된 자바스크립트 원본 : PC쇼핑몰과 모바일쇼핑몰 도메인 주소를 입력해 주세요.
    • 승인된 리디렉션 URI : PC쇼핑몰과 모바일쇼핑몰 도메인 주소 뒤에 아래 예시와 같이 상세 경로를 입력해주세요.

     

    Info - 예시

    사용 중인 도메인이 'sample.com'일 경우 아래와 같이 입력해 주세요.
    만약 쇼핑몰 보안연결 설정(SSL)을 적용한 경우 https 주소만 입력해 주세요.
    입력 예시 외에 구글 로그인을 사용하는 2차 도메인이 존재할 경우 모든 도메인을 다중으로 입력해 주세요. (2차 도메인 : 대표 도메인, 서브 도메인, 모바일 도메인, 멀티샵 도메인 등)

    • 승인된 자바스크립트 원본
      - http://sample.com
      - http://www.sample.com
      - http://m.sample.com
      - https://sample.com
      - https://www.sample.com
      - https://m.sample.com

    • 승인된 리디렉션 URI
      - http://sample.com/Api/Member/Oauth2ClientCallback/googleplus/
      - http://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
      - http://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
      - https://sample.com/Api/Member/Oauth2ClientCallback/googleplus/
      - https://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
      - https://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
  3. '사용자 인증 정보'에서 생성된 클라이언트 ID와 보안 비밀번호를 확인할 수 있어요.

 

개인정보 처리방침 및 쇼핑몰 약관

개인정보 처리방침과 쇼핑몰 약관의 경우 각각 쇼핑몰의 개인정보 처리방침 url과 쇼핑몰 약관 url로 기재 가능해요.

 

Info

쇼핑몰 메인 하단의 개인정보 처리방침 클릭 시 개인정보 처리방침 url 확인 가능하며, 이용약관 클릭 시 쇼핑몰 약관 url 확인 가능한 점 참고부탁드려요.

예시 )

  • 개인정보처리방침 : https://도메인주소/member/agreement.html
  • 쇼핑몰약관 : https://도메인주소/member/agreement.html

 

디자인 수정

해당 기능을 사용하기 위해서는 디자인 수정이 필요해요. 디자인 수정 방법은 [공지/소식] 업그레이드 > [프로모션] SNS 로그인 연동 - HTML/CSS 를 참고해 주세요.




Comments

Post a Comment

Popular posts from this blog

SNS 매체별 Client(App) ID 발급 방법 - 애플 로그인 설정 방법

Apple ID 로그인 설정은 어떻게 해야 하나요? Apple ID 로그인을 연동하기 위해서는 우선 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요. 자세히 알아보기 Apple ID 로그인 연동 전 준비하기 쇼핑몰에 Apple ID 로그인을 연동하기 위해서는 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요. 설정을 위해 반드시 Apple Developer 계정이 있어야 해요. 그리고 서비스 중인 App이 있어야 해요. Info Apple Developer 계정 생성하기 개인용 Apple 개발자 계정 생성 가이드 기업용 Apple 개발자 계정 생성 가이드   로그인 연동을 위한 필수 정보 확인하기 Apple Developer에서의 설정을 위한 쇼핑몰 정보를 준비해 주세요. 필요한 정보는 아래와 같아요. 설정을 위해 PC 메모장 등에 미리 기록해 두세요. 대표 도메인/멀티몰 대표 도메인 [관리자] 쇼핑몰 설정 > 기본 설정 > '쇼핑몰 정보 > 도메인 설정'  의 도메인 관리에서 확인해 주세요. 대표 도메인은 URL 옆에 '대표' 아이콘으로 표시되어 있어요. 모바일 도메인/멀티몰 모바일 도메인 [관리자] 쇼핑몰 설정 > 사이트 설정 > '사이트 환경 설정 > 쇼핑몰 환경 설정'  의 모바일 탭으로 이동하여 모바일 접속 주소에서 확인해 주세요. 멀티몰 모바일 도메인은 각 멀티몰 관리자로 이동해 확인해야 해요. Return URLs 1, 2번에서 작성한 도메인들의 Return URL을 작성해 주세요. 대표 도메인이 samplemall.com 이면, Return URL은 https://samplemall.com/Api/Member/Oauth2ClientCallback/apple/ 과 같이 작성해요. https://대표 도메인/Api/Member/Oauth2ClientCal...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 야후재팬 로그인 설정 방법

Image
  야후 재팬 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 야후 재팬 개발자센터 에서  클라이언트(앱) 아이디를 발급  받아 등록할 수 있어요. 야후 재팬 로그인을 등록하면, 야후 재팬 계정을 가지고 있는 회원이 해당 계정으로 쇼핑몰에 회원 가입을 할 수 있어요. 야후 재팬 계정 로그인 연동을 위해서는  클라이언트(앱) 아이디가 필요 하며, 야후 재팬 클라이언트(앱) 아이디는 야후 재팬 개발자 센터에 회원 가입 후 애플리케이션을 등록하여 발급 받을 수 있어요.   자세히 알아보기 야후재팬 개발자센터 회원 가입 방법 1)  야후 재팬 개발자 센터  로 이동해 주세요. 2) 화면 상단에 있는  '新規取得 ' 버튼을 클릭하여 회원가입을 진행해 주세요.     Note - 야후 재팬 회원가입 시 유의사항 ※ 야후 재팬 회원 가입 시 일본 내에서 SMS 인증이 가능한 휴대전화 번호가 필요해요.   야후재팬 클라이언트(앱) 아이디 발급 및 도메인 설정 방법 1) 회원가입 또는 로그인이 완료되면 다음과 같은 화면으로 이동되어요. ' 新しいアプリケーションを開発アプリケーション一覧 ' (애플리케이션 생성) 버튼을 클릭해 주세요.   2) 애플리케이션 생성을 누르면, 해당 화면으로 이동합니다. 아래 순서대로 진행이 필요해요. ID連携利用有無  (ID 연계 이용 유무) 에  ID連携を利用する  (ID 연계 사용) 를 선택해 주세요. 属性取得APIを利用しますか？ (속성 취득 API 사용 여부) 에  属性取得APIを利用する  (속성 취득 API 사용) 을 선택해 주세요. アプリケーションの種類  (애플리케이션 종류) 에  サーバーサイド（Yahoo! ID連携 v2） (서버 사이드 Yahoo ID V2) 를 선택해 주세요. 属性取得APIで追加して取得する情報  (API로부터 취득하는 정보) 에 ...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 네이버 로그인 설정 방법

  네이버 로그인을 처음으로 등록하려는데 좀 더 쉽게 등록할 순 없나요? 네이버 로그인 플러스를 이용하면 네이버 로그인을 쉽게 등록할 수 있어요. 자세히 알아보기 네이버 로그인 플러스를 이용하여 네이버 로그인을 설정하는 방법 'SNS 로그인 연동 관리(또는 판매채널>네이버>네이버 로그인)'에서  '네이버 로그인 플러스 신청하기'  버튼을 선택해 주세요. 이때, 쇼핑몰에 '네이버 로그인 플러스'앱이 자동으로 설치 진행되어요.  네이버 로그인 앱을 관리할 쇼핑몰의 네이버 계정으로 로그인해 주세요. '네이버 로그인 플러스' 팝업에서 이용정보를 읽고 '동의'를 선택해 주세요. '애플리케이션 등록' 버튼을 선택해서 애플리케이션 이름과 로고 이미지를 입력한 후 '다음' 버튼을 선택해 주세요. 이때, 원래 사용하고 있던 앱이 있다면 원래 사용하던 앱의 이름/ Client ID/ 생성일을 확인한 후 사용하던 앱을 그대로 선택해서 연결해 주세요. 해당 앱을 통해 가입하는 회원에게 마케팅 메시지를 보낼 수 있는 톡톡 계정을 등록해 주세요. 애플리케이션과 톡톡 계정 등록이 완료되었다면, 내 애플리케이션/ 톡톡 정보를 확인해 주세요. 정보가 맞다면 '적용하기' 버튼을 선택해 주세요. 이제 모든 설정이 완료되었어요.   Info '네이버 로그인 플러스'로 '네이버 로그인'을 설정하면 좋은 점 SNS 로그인의 가장 큰 장점은 신규 회원 가입 동선을 최소화할 수 있다는 점이에요. '네이버 로그인 플러스'는 그 동선을 더 짧게 해 드릴 거예요. '네이버 로그인'을 설정한 몰은 쇼핑몰 회원이 네이버로 가입할 때, [네이버 회원 정보]가 쇼핑몰의 [회원 가입 항목]을 모두 충족하고 있다면 기존에 카페24에 가입할 때 입력해야 했던 SNS 간편 가입 창을 생략해 드려요. (예시)  쇼핑몰 SNS 회원 가입 항목 중...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 라인 로그인 설정 방법

  라인 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 라인 아이디로 쇼핑몰에 로그인할 수 있게 하려면 '라인 Client ID, Client Secret 키값'을 발급 받아야 해요. 해당 아이디와 키값은 '라인 개발자 센터'에서 개발자 등록 후 채널을 등록하여 발급 받을 수 있어요. 자세히 알아보기 라인 Client ID, Client Secret 키값 발급 방법 라인 개발자 센터  로 이동하여 '로그인'을 클릭해 주세요. 크롬(Chrome) 브라우저 이용을 권장해요. 기존 라인 계정이 있다면 해당 계정으로 로그인을 하고, 라인 계정을 없다면 회원 가입 후 로그인 해 주세요. 라인 개발자 계정을 생성해 주세요. (최초 로그인 시 한 번) Developer name과 Your email을 입력 후 LINE Developments Agreement 에 동의 체크 하고 'Create my account' 버튼을 클릭해 주세요. 로그인 후 표시되는 화면에서 'Create New provider' 버튼을 클릭해 주세요. Create a new provider 창이 열리면 'Provider name(제공 업체명)' 입력 후 'Create' 버튼을 클릭해 주세요. 다음 단계에서 'Channels(탭) > Create a LINE Login channel'을 선택해 주세요. 채널 생성에 필요한 정보를 입력 후, 이용 약관에 동의 한 뒤 'Create' 버튼을 클릭해 주세요. App types은 'Web app'에 체크해 주세요. 생성된 Channel 정보 화면이 표시되면 'LINE Login(탭)'을 클릭하여 'Callback URL' 영역의 'Edit' 버튼을 클릭해 주세요. 아래 안내에 따라 Callback URL을 입력해 주세요. 입력을 완료하였다면 'Upda...
Read more

SNS 로그인을 사용할 때 개인정보 처리 방침 작성하기

  SNS 로그인을 사용할 때 개인정보 처리 방침 작성하기 SNS 로그인 연동 설정에 따른 개인정보 처리 현황을 쇼핑몰의 개인정보 처리 방침에 포함하여 공개해야 해요. SNS 로그인 연동을 위해 해당 SNS 업체로부터 제공받는 개인정보들이 있어요. 이렇게 제공받아 쇼핑몰에서 처리하고 있는 각각의 개인정보 항목을 개인정보 처리 방침에 기재해 주세요. 로그인 연동 설정한 SNS 업체별로 제공받는 개인정보 항목을 명확하게 기재해야 해요. 필수/선택 수집 항목을 구분하여 기재해야 해요. 카페24 솔루션 설정을 통해 업체로부터 제공받는 개인정보 외에 추가적인 개인정보를 수집하여 처리한다면 해당 내용도 기재해야 해요. [관리자] 쇼핑몰 설정 > 기본 설정 > 약관·정보 설정 > 이용약관 설정 > (탭)개인정보처리방침  에서 제공하고 있는 템플릿 양식을 참고하여 쇼핑몰 현황에 맞게 수정해 주세요.
Read more