네이버·카카오·구글 로그인 연동하기

먼저 가입 및 그룹 설정에서 같은 이름(닉네임)으로 중복 가입 방지 옵션을 해제해 주세요.

설정 및 해제 방법

1. 아임웹 로그인 > 내 사이트 관리자 페이지 > 환경설정 > 회원가입·그룹·등급

2. 가입 폼 관리 항목 이동

3. 일반회원 가입 유형에서 이름 옵션 오른쪽 수정 버튼 클릭

4. 같은 이름(닉네임)으로 중복 가입 방지 옵션 선택 또는 해제

5. 페이지 상단 또는 하단의 저장 버튼 클릭

1. 네이버 로그인 연동하기

네이버 로그인 연동하기(아임웹)

1단계. 내 사이트 가입 항목 확인하기

1. 아임웹 로그인 > 내 사이트 관리자 페이지 > 환경설정 > 회원가입·그룹·등급

2. 공통항목과 가입 폼 관리에서 사용 및 필수로 체크된 가입 항목을 확인하고 메모

   
   

2단계. 네이버 로그인 애플리케이션 등록하기

1. 네이버 개발자 센터(https://developers.naver.com/main/)에 접속

2. 로그인 후 상단의 [Application > 애플리케이션 등록]을 클릭

3단계. 네이버 로그인 API 정보 입력하기

1. 애플리케이션 이름 항목에 사이트 이름을 입력

2. 사용 API 항목에서 네이버 로그인 을 선택

3. 제공 정보 선택 항목에서 꼭 필요한 제공 정보만 필수로 선택

   
   

주의: 네이버 로그인 연동에는 네이버 검수가 필요합니다. 이 단계에서 선택한 제공 정보와 내 사이트에서 받는 실제 가입 정보가 다른 경우 심사 거절 사유가 됩니다.

4. 로그인 오픈 API 서비스 환경 항목에선 PC 웹 을 선택

5. PC 웹 항목에 서비스 URL 과 Callback URL 을 입력

6. 등록하기 버튼을 클릭

4단계. 내 사이트에 Client ID 및 Client Secret 입력하기

1. 애플리케이션 정보가 나타납니다. 여기서 Client ID 와 Client Secret 을 복사하고 메모

2. 아임웹관리자 페이지 [환경설정 > 소셜 로그인·지도·공유]에 Client ID 및 Client Secret 입력

3. 저장 버튼 클릭

5단계. 로고 이미지 등록 및 서비스 전환

1. [네이버 개발자 센터 > API 설정] 클릭

2. 로그인 오픈 AIP 서비스 환경 항목에서 로고 이미지 등록

3. 페이지 하단의 수정 버튼을 클릭

4. 애플리케이션 개발 상태 항목에서 검수요청 하러 가기 버튼을 클릭

6단계. 검수 요청하기

1. 검수 신청 전 가이드 확인

2. 제공 정보 활용처 확인

3. 서비스 적용 형태 확인

4. 추가 제출 서류 확인

5. 검수 요청

7단계. 검수 결과 확인 및 설정 완료

검수 결과는 영업일 기준 3~4일 이내 계정 설정에 등록된 이메일로 도착해요.

심사 승인되면, 사이트에서 실제 네이버 로그인을 테스트 해보세요.

2. 카카오 로그인 연동하기

카카오 로그인 연동하기(아임웹)

1단계. 카카오 개발자 센터 로그인

• 카카오 개발자센터(https://developers.kakao.com/)로그인

2단계. 앱 만들기

1. [내 애플리케이션] → 애플리케이션 추가

2. 앱 이름, 사업자명, 앱 아이콘(선택 사항) 입력 후 저장

3단계. 앱 설정하기

1. 새롭게 생성된 애플리케이션을 클릭

2. (선택 사항) 왼쪽 메뉴에서 [앱 설정 > 일반]을 클릭한 다음, 기본 정보를 확인하고, 테스트 앱 정보를 입력

3. 왼쪽 메뉴에서 [앱 설정 > 플랫폼]을 클릭하고, Web 플랫폼 등록 버튼을 클릭

4. 대표 도메인(예: https://mydomain.com)을 입력하고, 저장 버튼을 클릭

5. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인 > 동의항목]을 클릭

6. 개인정보 보호항목에서 프로필 정보(닉네임/프로필 사진)와 카카오계정(이메일) 항목을 설정

7. 왼쪽 메뉴에서 [제품설정 > 카카오 로그인]을 클릭하고, 활성화 설정의 상태를 ON으로 변경

8. 활성화 설정 아래, Redirect URI 등록 버튼을 클릭

9. Redirect URI를 작성 후 저장 버튼 클릭

4단계. 앱 키 복사하기

1. 왼쪽 메뉴 [앱 설정 > 앱 키] 클릭

2. REST API 키와 네이티브 앱 키 복사후 메모

5단계. 내 사이트에 앱 키 적용하기

1. 새 브라우저 탭을 켭니다.

2. 아임웹 관리자 페이지 →[환경설정 > 소셜 로그인·지도·공유] 클릭

3. 카카오 로그인 항목에서 사용여부를 on 으로 선택

4. 네이티브 앱 키와 REST API 키 입력칸에는 위 4단계에서 복사한 값을 붙여넣기

5. 저장 버튼 클릭

설정이 끝나면, 사이트에서 직접 로그인 버튼을 눌러 테스트 해보세요.

3. 구글 로그인 설정하기

구글 로그인 연동하기(아임웹)

1단계. Google API 콘솔 로그인 및 동의

1. Google Cloud Console(https://console.cloud.google.com/) 접속

2. 서비스 약관 동의 후 동의 및 계속하기 클릭

2단계. 새 프로젝트 만들기

• 이 단계는 선택사항이므로 기존 프로젝트가 있는 경우 이 과정은 건너뛰고 3단계를 진행하세요.

3단계. 라이브러리 추가하기

1. 왼 메뉴 > 라이브러리 클릭

2. Google+ API를 선택

3. Google+ API 페이지에서 사용을 클릭

4단계. OAuth 동의 화면 구성하기

1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다. (만약 왼쪽에 메뉴가 없는 경우, 왼쪽 상단의 ≡ 아이콘을 클릭 후 [API 및 서비스 > Oauth 동의 화면]을 클릭

2. 동의 화면 구성 버튼을 클릭

3. User Type을 외부로 선택하고, 만들기 버튼을 클릭

4. 앱 정보 항목에 앱 이름(주로 사이트 이름)을 입력하고, 이용할 사용자 지원 이메일을 선택

5. 앱 도메인 항목에서 애플리케이션 홈페이지, 애플리케이션 개인정보처리방침 링크, 애플리케이션 서비스 약관 링크를 작성

6. 승인된 도메인 항목에서 + 도메인 추가 버튼을 클릭

7. 대표 도메인을 입력

8. (선택 사항) 추가할 도메인이 더 있다면 + 도메인 추가 버튼을 클릭해 모두 추가

9. 개발자 연락처 정보 항목에서 이메일 주소를 입력

10. 저장 후 계속 버튼을 클릭

5단계. 범위(Scope) 추가하기

1. 범위 추가 또는 삭제 버튼을 클릭

2. 기본 Google 계정의 이메일 주소 확인와 개인정보(공개로 설정한 개인정보 포함) 보기 2가지 항목을 선택하고, 업데이트 버튼을 클릭

3. 저장 후 계속 버튼을 클릭

6단계. 테스트 사용자 추가하기

1. + ADD USERS 버튼을 클릭

2. 이메일 주소를 입력

3. 저장 후 계속 버튼 클릭

7단계. OAuth 클라이언트 ID 만들기

1. 왼쪽 메뉴에서 사용자 인증 정보를 클릭

2. 상단의 + CREATE CREDENTIALS를 클릭하면 나타나는 메뉴 중 OAuth 클라이언트 ID를 클릭

3. 애플리케이션 유형을 선택하고, 이름, 승인된 리디렉션 URI를 입력

4. 만들기 버튼을 클릭

5. 클라이언트 ID / 비밀번호 복사 후 메모

6. 확인 클릭

8단계. 앱 게시하기

1. 왼쪽 메뉴에서 OAuth 동의 화면을 클릭

2. 앱 게시 버튼을 클릭

3. 확인 클릭

9단계. 아임웹에 구글 로그인 설정하기

1. 아임웹 관리자 페이지 [환경설정 > 소셜 로그인·지도·공유] 클릭

2. Google 로그인 항목으로 이동

3. Google 로그인 사용 여부를 on 으로 설정

4. 클라이언트 ID와 클라이언트 보안 비밀에 위 7단계에서 복사한 ID와 비밀번호를 붙여넣기

5. 저장 버튼 클릭

참고 :리디렉션 URI는 오타 없이 정확하게 입력해야 합니다.

다음 단계로는 상담 채널 연동하기를 진행해 보세요!