XE

디자인솔 레이아웃과 XE SNS 소셜로그인_네이버

by 디자인솔 posted Apr 01, 2017
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

CMS XE에 소셜(SNS) 로그인을 하려면 CONORY님의 소셜XE 모듈을 설치하셔야합니다.

그리고 소셜 로그인과 일반 로그인을 함께 사용하려면 다이오니님의 통합로그인 스킨을 설치하시면 됩니다.

 

 

소셜XE (CONORY님, 무료 다운로드)

https://www.xetown.com/index.php?mid=xepoint&category=17119&document_srl=2930

 

 

소셜XE 스킨(기존 통합 로그인스킨, 다이오니님, 30P)

https://www.xetown.com/index.php?mid=xepoint&category=17124&document_srl=372070

 

 

XE타운 회원가입(10P), 출석게시판에 출석체크(10P), 게시글, 답글 작성 등으로 쌓이는 포인트로 XE포인트마켓에서 필요한 모듈 등을 구매하세요^^

 

 

소셜XE에 대하여 CONORY님의 메뉴얼(https://www.conory.com/index.php?mid=xe_product_manual&category=37787)을 참고하시면 되는데요

 

 

디자인솔 레이아웃에서는 어떻게 연결하면 되는지 살펴보겠습니다. 결론은 각 SNS API ID와 Secret, 환경설정을 제대로 하셨으면

디자인솔 레이아웃 설정의 일반설정에서 로그인위젯을 OFF한후 로그인 하시면 됩니다. 간단하지요?

 

 

너무 간단하여 네이버 로그인에 대해 알아봅니다.

 

 

CONORY님의 소셜XE 설치경로

modules/

입니다.

 

 

업로드후

modules/socialxe

가 됩니다.

 

 

업로드후 어드민에서 새로고침후 db테이블생성, 모듈생성에 모두 "예" 합니다.

고급/설치된모듈/소셜XE를 즐겨찾기합니다.

 

 

네이버 로그인후 네이버 개발자툴로 이동합니다. https://developers.naver.com/

참고로 사이트 관리자 이메일과 네이버 이메일이 동일하면 관리자로 네이버 SNS 로그인이 가능하지만 그렇지 않으면 일반회원 로그인이 되어요. 

 

 

 

sns1.gif

애플리케이션 등록

 

 

 

 

sns2.gif

애플리케이션 이름 입력, API를 네이버 아이디로 로그인을 선택합니다.

 

 

 

 

sns3.gif

환경추가를 PC웹으로, 서비스 URL을 XE 기본 URL에 적혀있는 URL을 적어요. Callback URL은 소셜XE API설정/Naver API에 있습니다. 붙여넣기 하시면 되구요.

 

 

 

 

 

sns4.gif

저장하면 네이버로그인_designsol 앱에 ID와 Secret가 생성되어요. API 설정 탭에서 

 

 

 

 

sns5.gif

로고 이미지를 등록했습니다.

 

 

 

 

sns10.gif

로고는 추후 이렇게 표현되어요..

 

 

 

 

sns6.gif

소셜XE에서 네이버 API ID, Secret 입력. 네이버에선 로그아웃하구요.

 

 

 

 

sns7.gif

환경설정에서 사용할 서비스 Naver, 레이아웃 선택하구요. (모바일 화면에서 바로 볼수 있으려면 각 섹션들을 off, banner&페이지헤더도 모바일에서 off한 레이아웃이면 좋겠어요), SNS 로그인 항목들을 체크합니다.

 

 

 

 

sns8.gif

디자인솔 레이아웃 일반설정에서 로그인 위젯을 OFF한후 로그아웃합니다.

 

 

 

sns9.gif

이제 로그인해요

 

 

 

 

sns10.gif

동의합니다.

 

 

 

 

sns11.gif

네이버 이메일이 사이트 관리자 이메일이면 위와 같이 SNS 등록을 해야해요. 그렇지 않으면 바로 일반 회원 로그인에 성공합니다. SNS 등록하려면 일반 로그인합니다.

 

 

 

 

sns12.gif

관리자 닉 클릭, SNS 관리 탭에서 Naver 등록 클릭. 관리자로 등록을 마쳤습니다. 이제 다시 SNS 로그인합니다.

 

 

 

 

 

sns13.gif

로그기록을 살펴봅니다. 관리자인 경우 SNS 인증요청, SNS 계정 등록이 완료되고 로그인 성공입니다. 

네이버앱에서 개발중을 서비스적용으로 변경합니다.

 

 

 

 

소셜XE SNS 로그인을 사용하려면 디자인솔 레이아웃은 일반설정에서 로그인 위젯을 OFF하시면 되겠습니다. 

다이오니님의 통합스킨을 사용하시면 일반, SNS 로그인을 모두 사용하실수 있어요~~~~~