이윰

미등록페이지

이윰빌더 매뉴얼

이윰빌더 및 테마 설치

이윰빌더와 테마의 구조

테마설정 관리

메뉴 설정

콘텐츠 매니저

환경 설정

회원 관리

게시판 관리

검색엔진 최적화

메타태그 관리

쇼핑몰 관리

쇼핑몰 현황/기타

SMS 관리

기타 설정

기본환경 설정 - SNS & 지도

관리자 - 환경설정 - 기본환경설정 - SNS&지도

소셜네트워크 서비스(SNS)와 지도 API의 설정입니다.

소셜네트워크 서비스(SNS) - 소셜로그인

소셜로그인설정소셜로그인을 사용하기 위해 체크합니다.

네이버 소셜로그인

카카오 소셜로그인

페이스북 소셜로그인

구글 소셜로그인

X(트위터) 소셜로그인

페이코 소셜로그인

네이버 소셜로그인 설정

1. 서비스 신청서비스 URL : https://developers.naver.com/apps/#/register

2. 애플리케이션 등록애플리케이션 이름 입력하고, 사용 API 에서는 '네이버 로그인' 선택합니다.

제공 정보 선택 후 환경 추가에서는 'Mobile 웹', 'PC 웹'을 선택합니다.

'PC 웹' 과 'Mobile 웹' 의 서비스 URL 입력은 도메인 URL 을 입력합니다.
네이버 로그인 Callback URL은
홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도에서 네이버 CallbackURL 에 적혀 있는 URL을 복사 붙여넣기 합니다.

만약에 도메인을
www.도메인.com
도메인.com
둘 다 사용하는 경우라면
http://www.도메인.com/plugin/social/?hauth.done=naver
http://도메인.com/plugin/social/?hauth.done=naver
이렇게 둘 다 입력해 주어야 합니다.
도메인을 하나만 이용하는 경우이면 설정의 CallbackURL 을 그대로 입력해 주시면 됩니다.

이 후 등록을 다 마쳤다면 Client ID 와 Client Secret 을 확인할수 있습니다.

이 Client ID 와 Client Secret 입력값을 복사하여 홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도의 해당 필드에 붙여넣기 합니다.

카카오 소셜로그인 설정

1. 서비스 신청서비스 URL : https://developers.kakao.com/console/app

2. 애플리케이션 추가히기애플리케이션 추가히기를 클릭합니다.

애플리케이션 추가하기에서 사이트 정보를 입력하고 저장합니다.

내 애플리케이션 > 앱설정 > 플랫폼 의 Web에서 사이트 도메인을 입력합니다.

내 애플리케이션 > 제품 설정 > 카카오 로그인 의 Redirect URI에
홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도의 카카오 로그인 Redirect URI 에 적혀 있는 URL을 복사 붙여넣기 합니다.
반드시 '활성화 설정'의 상태가 ON으로 설정해야 소셜 로그인을 사용할수 있습니다.

내 애플리케이션 > 앱설정 > 앱 키 에서 'REST API 키'와 'JavaScript 키'를 복사합니다.

내 애플리케이션 > 제품 설정 > 카카오 로그인 > 보안 에서 'Client Secret 코드'를 복사합니다.

참고로 Client Secret 설정은 필수 조건이 아닙니다. 토큰 발급 시 보안을 강화하기 위해 Client Secret을 사용할수 있다고 설명되어 있습니다.

위에서 복사한 'REST API 키'와 'JavaScript 키'와 'Client Secret 코드'를 홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도의 해당 필드에 붙여넣기 합니다.

페이스북 소셜로그인 설정

페이스북 소셜로그인은 반드시 도메인이 https 이어야 합니다.

1. 서비스 신청서비스 URL : https://developers.facebook.com/apps

2. 앱 만들기[앱 만들기] 버튼을 클릭하여 새 앱을 만듭니다.

앱 설정 -> 기본설정에서 각 입력 사항을 입력합니다.

앱 설정 -> 기본설정에서 하단 [플랫폼 추가] 버튼을 클릭합니다.

Website를 선택하고 웹사이트 URL을 입력합니다.

Facebook 로그인 > 설정에서 유효한 OAuth 리디렉션 URI 에
홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도의 페이스북 유효한 OAuth 리디렉션 URI 에 적혀 있는 URL을 복사 붙여넣기 합니다.

앱 설정 -> 기본설정에서 '앱 ID'와 '앱 시크릿 코드'는 복사하여

홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도에서 페이스북 앱 ID, 페이스북 앱 Secret 에 각각 붙여넣기 하여 설정합니다.

구글 소셜로그인 설정

1. 서비스 신청서비스 URL : https://console.developers.google.com

2. Google People API 활성화API 및 서비스 -> 라이브러리 메뉴로 이동합니다.

Google People API를 클릭하여 활성화 합니다.

Google People API의 [사용] 버튼을 클릭합니다.

[사용자 인증 정보 만들기] 를 클릭 후에 [OAuth 클라이언트 ID] 를 클릭합니다.

'웹 애플리케이션'을 선택한 후 이름과 승인된 자바스크립트 원본, 승인된 리디랙션 URI를 입력합니다.
승인된 자바스크립트 원본에서는 http 또는 https 를 포함한 도메인 주소를 입력하고,
승인된 리디랙션 URI에서는 홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도의 구글 승인된 리디렉션 URI 에 적혀 있는 URL을 복사 붙여넣기 합니다.

이 후 해당 OAuth 클라이언트의 클라이언트 ID 와 클라이언트 보안 비밀번호 를 복사하여

홈페이지 관리자 - 환경설정 - 기본환경설정 - SNS&지도에서 구글 Client ID, 구글 Client Secret 에 각각 붙여넣기 하여 설정합니다.

X(트위터) 소셜로그인 설정

1. 서비스 신청서비스 URL : https://developer.x.com/en/apps

2. 앱 만들기[Create an App] 버튼을 클릭하여 새 앱을 만듭니다.

X(트위터)의 무료 계정으로 진행하겠습니다.

어떤 사이트에 어떤 용도로 사용할 것인지 구체적으로 용도와 예시까지 영어로 작성 후 모든 것에 동의하고 제출하면 Delveloper Portal에 들어갈 수 있습니다.

Delveloper Portal에서 앱 설정 아이콘을 클릭합니다.

User authentication settings의 [Set up] 버튼을 클릭합니다.

[ User authentication settings 설정 ]
1. 'Type of App'은 Web App을 선택합니다.
2. 'Callback URI / Redirect URL'은 아래와 같이 사용중인 도메인으로 입력합니다.
http://도메인/plugin/social/
http://도메인/plugin/sns/twitter/callback.php
3. 'Website URL'은 사용중인 도메인을 입력합니다.
입력 후 [Save] 버튼을 클릭하여 저장합니다.