라인 로그인 설정하기

이 도움말에서는 방문자가 LINE 계정으로 간편하게 내 사이트에 가입하고 로그인 할 수 있도록 LINE 로그인을 설정하는 방법을 설명합니다.

시작에 앞서

대부분의 소셜 로그인 가입자는 가입한 소셜 로그인 플랫폼의 이름(닉네임)을 그대로 사용하는 경향이 있습니다. 또한, 일반적으로 소셜 로그인 플랫폼은 동일 이름(닉네임) 사용을 허용하기에 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제하는 걸 추천합니다.

같은 이름(닉네임)으로 중복 가입 방지 옵션 해제하기

설정방법

아래의 단계별 지침에 따라 LINE 로그인을 설정합니다.

  1. LINE Developers에 접속합니다.
  2. 오른쪽 상단의 Log in 버튼을 클릭해 LINE 계정으로 로그인 합니다.

    참고: LINE 계정이 없다면 LINE Developers 오른쪽 상단의 Log in 버튼을 클릭하고, 계정 만들기 를 클릭해 새로운 LINE 계정을 만들어 주세요.
  1. 오른쪽 상단의 프로필 아이콘을 클릭하고, LINE Developers Console을 클릭합니다.

  2. Providers 메뉴에서 Create a new provider 버튼을 클릭합니다.

  3. Provider name 항목에 회사명 또는 사이트 이름을 작성하고, Create 버튼을 클릭합니다. (작성한 이름은 고객에게 보여집니다.)

  1. Create a LINE Login channel을 클릭합니다.

  2. Channel 정보 입력 페이지가 나오면 아래의 항목을 입력합니다.

    • Region: LINE 로그인을 서비스할 지역을 선택합니다.

      참고: LINE 로그인만 사용하는 경우, 임의로 지역을 선택해도 무방합니다.
    • Company or owner's country or region: 개인 또는 기업이 위치한 국가 또는 지역을 선택합니다.
    • Channel name: 채널 이름을 작성합니다. 회사명 또는 사이트명을 작성할 수 있습니다.
    • Channel description: 채널 설명을 작성합니다. 회사 또는 사이트 설명을 작성할 수 있습니다.
    • App types: Web app 을 클릭합니다.
  3. I have read and agree to the LINE Developers Agreement 체크박스를 선택합니다.
  4. Create 버튼을 클릭합니다.

방문자가 LINE 로그인으로 내 사이트에 가입할 때 가입자의 이메일 주소를 자동으로 받아오도록 이메일 주소 요청 권한(Email address permission)을 설정할 수 있습니다.

참고: 이 설정을 진행하지 않으면 방문자가 내 사이트에 가입할 때 본인의 이메일 주소를 작성해야 가입이 완료됩니다.
  1. 현재 메뉴가 Basic settings 탭인지 확인합니다.

  2. 마우스 휠 스크롤을 내려 OpenID Connect 항목으로 이동 후, Email address permission 에서 Apply 버튼을 클릭합니다.

  3. Request for email permission(이메일 권한 요청) 항목에 모두 동의하고, 내 사이트의 약관동의(이메일 주소 수집 목적과 동의 요청) 화면을 캡쳐하여 Screenshot에 올려줍니다.

예시 약관동의 스크린샷

실제 본인 사이트의 약관동의 화면을 캡쳐하여 사용해 주세요.

  1. 페이지 상단으로 이동해 LINE Login 탭을 클릭합니다.

  2. Callback URL 항목에서 Edit 버튼을 클릭합니다.
  3. URL 입력 칸에 https://내도메인/oauth 형식으로 주소를 입력합니다.

    예시: https://plipop.com/oauth

  4. (선택 사항) LINE 로그인을 이용할 도메인이 여러 개라면 키보드 Enter 키를 눌러 줄바꿈 형식으로 여러 도메인을 추가할 수 있습니다.

    참고: 아임웹 Global 버전 사용자는 LINE 로그인을 사용하는 모든 언어 사이트 도메인을 입력해 주세요.

  5. Update 버튼을 클릭해 Callback URL 설정을 완료합니다.
  1. Provider 이름 오른쪽에 Developing 버튼을 클릭합니다.

  2. 개발 상태 변경 확인 창이 나오면 Publish 를 클릭합니다.

  3. 개발 상태가 Published 로 변경됩니다.
  1. Basic settings 탭으로 이동 후 Channel ID 값을 복사합니다. (메모장 등에 기록해 두세요.)

  2. 마우스 휠 스크롤을 움직여 Channel secret 항목으로 이동 후 Channel secret 값을 복사합니다. (메모장 등에 기록해 두세요.)

  3. 새 브라우저 탭을 켭니다.
  4. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  5. 왼쪽 메뉴에서 [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유] 를 클릭해 이동합니다.
  6. LINE 로그인 항목에서 사용 여부를 on 으로 설정하신 뒤, 위 1~2번 과정에서 복사한 Channel IDChannel secret 값을 각 항목에 맞게 붙여넣습니다.

  7. 저장 버튼을 클릭해 적용합니다.

이제 거의 다 되었습니다. 마지막으로 구글 크롬 브라우저의 시크릿 창에서 방문자 입장으로 LINE 로그인을 테스트합니다.

참고: 구글 크롬 시크릿창을 이용하면 아임웹 계정을 로그아웃 하지 않아도 방문자 입장에서 편리하게 테스트할 수 있습니다. Google 크롬 시크릿창 활용하기 도움말에 따라 시크릿창을 활용해 보세요.
  1. 구글 크롬 브라우저를 열고 시크릿 창을 열어줍니다.
  2. 회원가입 버튼을 클릭합니다.
  3. LINE으로 시작하기 버튼을 클릭해 회원가입 및 로그인을 테스트합니다.
목록으로