여러 도메인 사용 시 소셜 로그인 설정 방법

참고: 소셜 로그인 기능은 Starter 이상 버전에서 사용하실 수 있습니다.

아임웹이 제공하는 기본 도메인(*.imweb.me) 외에 개인 도메인(예: mydomain.com)을 하나 이상 연결했을 때 모든 도메인에서 소셜 로그인이 원활하게 동작하게 하려면 추가적인 설정이 필요합니다.

기본적인 소셜 로그인 설정 방법은 내 사이트 관리자 페이지의 [환경설정 > 소셜 로그인·지도·API]에서 각 소셜 로그인 도움말 링크를 참고하세요. 여기서는 도메인 추가와 관련된 사항만 다룹니다.

네이버 로그인

  1. 네이버 개발자 센터에 접속하여 로그인 합니다.
  2. 상단 메뉴에서 [Application > 내 애플리케이션]을 클릭합니다.
  3. API 설정 탭으로 이동합니다.
  4. 아임웹 기본 도메인(*.imweb.me)에서도 네이버 로그인이 동작하도록 설정하려면 아래 절차에 따라 로그인 오픈 API 서비스 환경을 추가합니다.

    1. 로그인 오픈 API 서비스 환경 에서 환경 추가 메뉴를 클릭하고, Mobile 웹 을 선택합니다. 아래 그림과 설명을 참고하세요.

      • 서비스 URL: http://내도메인 형식으로 서비스 URL 을 입력합니다.
        참고: SSL 보안서버 인증서를 설치했다면 http 를 https 로 변경해 입력하세요.
      • 네이버 로그인 Callback URL: http://내도메인/oauth 형식으로 Callback URL 을 입력합니다.
        참고: SSL 보안서버 인증서를 설치했다면 위 그림과 같이 https형식도 추가로 등록해 주세요.
        참고: 아임웹 기본 도메인은 SSL 보안서버 인증서가 기본으로 적용되므로, 모든 URL은 https 로 시작해야 합니다.
  5. 하단의 수정 버튼을 클릭해 반영합니다.
  6. 내 사이트의 각 도메인으로 이동하여 로그인이 잘 되는지 확인합니다.

카카오 로그인

  1. 카카오 개발자 센터에 접속하여 로그인 합니다.
  2. 내 애플리케이션 메뉴로 자동 이동되며 카카오 로그인을 설정한 애플리케이션을 선택합니다.
  3. 설정의 일반 메뉴로 이동합니다.
  4. 플랫폼 항목의 을 누릅니다.
  5. 사이트 도메인 항목에 내 도메인을 추가로 입력합니다.

  6. 저장 버튼을 클릭해 반영합니다.
  7. 내 사이트의 각 도메인으로 이동하여 로그인이 잘 되는지 확인합니다.
  • Facebook 로그인

    중요: Facebook 로그인의 경우, 2018년 3월부터 SSL 보안서버 인증서를 설치하지 않은 도메인으로는 소셜 로그인이 불가합니다.
    1. Facebook 개발자 센터에 접속하여 로그인 합니다.
    2. 오른쪽 상단 내 앱에 마우스 커서를 올린 후 Facebook 로그인 설정한 앱을 선택합니다.
    3. 왼쪽 메뉴에서 제품의 Facebook 로그인을 누릅니다.
    4. 유효한 OAuth 리디렉션 URI에 아래 화면과 같이 내 도메인을 추가합니다.
      주의: 도메인 뒤에 반드시 /oauth를 추가 입력해야 합니다.

    5. 오른쪽 하단 변경 내용 저장 버튼을 클릭해 반영합니다.
    6. 내 사이트의 각 도메인으로 이동하여 로그인이 잘 되는지 확인합니다.
  • Google 로그인

    1. Google API 콘솔에 접속하여 로그인 합니다.
    2. 왼쪽 상단 Google APIs 로고 옆에서 Google 로그인을 사용하는 프로젝트를 선택합니다. (프로젝트가 하나만 존재한다면 이 과정을 생략해도 좋습니다.)
    3. 왼쪽 메뉴에서 사용자 인증 정보 메뉴를 누릅니다.
    4. OAuth 2.0 클라이언트 ID 목록에서 선택합니다.
    5. 승인된 리디렉션 URI에 아래 화면과 같이 내 도메인을 추가합니다.
      주의: 도메인 뒤에 /oauth를 반드시 추가 입력해야 합니다.

    6. 저장 버튼을 클릭해 반영합니다.
    7. 내 사이트의 각 도메인으로 이동하여 로그인이 잘 되는지 확인합니다.
목록으로