LINE 로그인 설정 가이드

LINE 로그인 설정 가이드

이 가이드는 Social Login 앱을 사용하는 Shopify 사용자를 위한 설정 안내입니다. LINE 로그인 설정 방법, 필요한 LINE 계정 정보 입력 방법, 그리고 앱 내에서 버튼 디자인을 코드 없이 조정하는 방법까지 설명합니다.

시작하기 전에: LINE Developers 계정이 필요합니다. 아직 계정이 없다면, Provider와 Channel을 생성하는 LINE의 안내에 따라 먼저 설정해주세요. 이후 과정은 Social Login 앱에서 처리됩니다.

개요

LINE 로그인을 통해 고객은 자신의 LINE 계정으로 빠르고 편리하게 로그인할 수 있습니다. 필요한 정보(채널 정보, 활성화 설정, 버튼 스타일)는 모두 Social Login 앱에서 바로 관리할 수 있습니다.

LINE 계정 정보 입력

Social Login 앱에서 앱 설정 > LINE 로그인으로 이동한 뒤 LINE Developers 콘솔에서 가져온 정보를 입력합니다:

  • Channel ID — LINE 로그인 채널 ID
  • Channel Secret — 해당 채널의 Secret key
  • Authorized redirect URIs — 앱에서 제공하는 콜백 URL을 그대로 복사해서 LINE 설정에 추가
  • Bot Prompt — 로그인 과정에서 봇 추가 안내 노출 여부 선택
반드시 redirect URI를 LINE 채널 설정에도 추가해야 인증 흐름이 정상 작동합니다.

LINE Developers 콘솔 설정

Social Login 앱에 입력할 Channel ID, Channel Secret 및 Redirect URI는 LINE Developers 콘솔에서 확인할 수 있습니다. 아래 단계는 제공된 스크린샷 번호와 연결됩니다.

  1. LINE Developers 콘솔에 로그인하고 Provider 메뉴로 이동합니다.
    LINE Developers 콘솔
  2. 새로운 Provider를 생성하거나 기존 Provider를 선택합니다.
    Provider 생성
  3. Provider 안에서 LINE Login 채널을 새로 생성합니다. 채널 유형은 “LINE Login”을 선택합니다.
    LINE Login 채널 생성
  4. 채널 이름, 설명 등 필수 정보를 입력하고 Create 또는 Save를 클릭합니다.
    채널 정보 기입
  5. 채널에 Email address permission을 활성화합니다. 이메일 정보를 받기 위해 필요합니다.
    이메일 권한 설정
  6. Auth Callback URL 설정. Social Login 앱에서 제공된 콜백 URL을 LINE 채널의 Redirect URI 목록에 추가합니다.
    Redirect URI 설정
  7. 채널을 발행(Publish)합니다. 그래야 실제로 사용이 가능합니다.
    채널 발행
  8. 발행 후 Channel ID와 Channel Secret을 복사합니다. Social Login 앱에서 필요합니다.
    채널 ID와 Secret 확인
  9. Shopify 관리자에서 Social Login 앱을 열고 API Keys > LINE으로 이동하여 값을 붙여넣습니다.
    앱에 Channel 정보 입력

Shopify에서 최종 설정

마지막 단계로 Social Login 앱에서 다음 설정을 완료합니다:

  1. API Keys > LINE에서 Channel ID와 Secret이 정상적으로 입력되었는지 확인합니다.
  2. LINE Developers 콘솔과 동일한 Redirect URI를 입력합니다.
  3. Bot Prompt 옵션 선택:
    • normal — 필요 시 안내 표시
    • aggressive — 항상 안내 표시
  4. LINE 로그인을 Enabled(활성)로 설정하고 Save 클릭.
중요: Redirect URI가 LINE 설정과 앱 내 설정 모두에서 정확히 일치해야 합니다. 저장을 잊지 마세요.

통합 확인하기

  1. 스토어 로그인 페이지에서 LINE 버튼이 노출되는지 확인합니다.
  2. LINE 계정으로 로그인 테스트를 진행합니다.
  3. Shopify 고객 레코드에서 LINE 로그인 이력이 기록되는지 확인합니다.
문제가 생긴 경우 주로 Redirect URI 불일치 때문에 발생합니다. 두 설정을 다시 확인해 주세요.

FAQ & 문제 해결

Bot Prompt 설정은 무엇인가요?

로그인 과정에서 LINE 공식 계정을 친구 추가하도록 안내하는 옵션입니다. “normal”은 적절한 경우에만 표시되고, “aggressive”는 항상 표시됩니다.

도메인이 여러 개인 경우?

사용하는 모든 도메인의 Redirect URI를 LINE 채널 설정에 추가해야 합니다. 운영 환경(프로덕션/스테이징 등)이 각각 다르면 각각 등록해야 합니다.

버튼은 보이는데 로그인 실패함

대부분 Redirect URI 불일치 또는 Channel ID/Secret 오류입니다. 두 설정이 정확히 일치하는지 확인하세요.

Channel ID와 Channel Secret은 어디서 찾나요?

LINE Developers 콘솔의 채널 설정 페이지에서 확인할 수 있습니다. Channel ID는 기본 화면에서 보이며, Secret은 “Issue/Show” 버튼을 클릭해 확인합니다.

© Social Login App Documentation