웹마스터 팁
1.8 XEDITION 에서 로그인xe 사용하여 네이버 로그인 연동하기
2015.04.10 20:33
xe 1.8 버전의 기본스킨 xedition이 너무 예뻐서 사이트에 적용하여 사용중인 유저입니다.
저번 2014콘테스트에 고퀄리티 작품들이 거의 쏟아시피 했죠.
덕분에 sweet mobile 레이아웃도 아주 감사하게 사용중입니다.
그런데 네이버 로그인을 사용하고는 싶은데, login xe 서버/클라이언트 다 깔았는데 html/css 손볼줄 몰라 못하시는 분들을 위해 xedition html 소스를 수정해서 간편하게 네이버 로그인 연동하는 방법을 끄적여볼까 합니다.
(login xe 개발자님 정말정말 감사합니다.)
일단 로그인 xe 서버와 클라이언트를 메뉴얼대로 설치 / 설정 해주세요.
http://server.loginxe.cf/ <-- 개발자님의 친절한 메뉴얼.
이제 네이버 BI를 받아야합니다.
https://nid.naver.com/devcenter/docs.nhn?menu=BI <-- 네이버BI 가이드 및 다운로드
마음에 드는 BI를 서버에 등록해 주세요.
(저의 경우에는 공지사항에 비밀글로 올렸습니다.)
올려진 BI의 이미지 주소를 복사해주세요. (이미지 오른쪽클릭 > 이미지 URL 복사(O) )
자 이제 xediton 소스수정입니다.
사이트 관리자로 들어간 후 좌측 [사이트 디자인 설정] 을 들어가서 xedition 을 클릭해주세요.
HTML/CSS 로 들어가 HTML 소스창에서
<h1>login</h1> 을 검색합니다.
여기가 바로 로그인 위젯 창입니다.
로그인 위젯창에 버튼을 추가하면 되는데요.
<button type="submit" class="btn_submit">{$lang->cmd_login}</button>
바로 아랫부분에 아까 복사해둔 네이버 로그인 이미지를 올리고, 앵커를 통해 네이버 로그인 창으로 넘어가게 만들어야 합니다.
저는 로그인 버튼과 약간 떨어지게 만들기 위해서 <p> 태그를 이용해 -OR- 이라는 문구를 넣었습니다.
<button type="submit" class="btn_submit">{$lang->cmd_login}</button>
<p style="text-align: center;"> - OR - </p>
<a href="http://사이트 주소/index.php?module=loginxeclient&act=dispLoginxeclientOAuth&provider=naver"><img width="320px;" height="auto;" src="아까 복사한 이미지 주소" /></a>
이렇게요.
사이트 주소부분와 복사한 이미지 주소를 넣어서 올려주세요.
xedition의 로그인 위젯의 로그인 버튼 가로크기가 320이라 전 320으로 맞추어 했습니다.
이미지 파일의 가로 크기를 조절하고 싶으시다면 width="320px" 부분을 수정하세요.
이제 하단의 저장 버튼을 누르면 끝!
(서브페이지에서도 똑같은 방법으로 입력해주세요!)
그리하여..
로그인 위젯 화면입니다.
버튼을 누르면 네이버 로그인 화면으로 넘어가고 여기서 네이버 아이디로 로그인하면~~
짜잔! 네이버 아이디로 로그인 성공!!!
고생하셨습니다~~
뭐... 저도 초짜라 거의 먼지 팁이긴 하지만 저같은 초급자 분들은 이런식으로 다른 레이아웃에서도 사용이 가능하시다는거..
혹여나 찾는분이 있을까봐 이렇게 포럼에 올려봅니다.
행복한 하루 되세요!!!
** xedition 소개페이지에 언뜻보면 모바일 레이아웃 처럼 보이는게 있는데 없어서 아쉽 엉엉...꺼이꺼이..
그리고 welcome페이지에 나오는 것들... 위젯처럼 사용은 불가능한건가욥..ㅠㅜ
댓글 7
-
karutian
2015.04.10 20:48
-
일단놓고말해
2015.04.13 23:29
와우.. 시도해보겠습니다~!
오~!!~! 잘 작동합니다!!!
궁금한 점이 있는데요!!!
네이버 아이디로 로그인을 하게 돼면 최초에 비밀번호를 설정하게끔 돼어있는데...
비밀번호도 네이버 아이디랑 같은걸 사용할 수는 없는건가요?
흠... 그건 불가능한건가요~?
-
karutian
2015.04.18 09:39
저같은 경우에는 비밀번호 설정 필요없이 바로 로그인이 되던데요..?!
-
EKKL
2015.09.30 00:34
현재 login xe 세팅중인 유저 입니다.
어떻게 해야 karutian 님 홈페이지 처럼 추가 비밀번호 등록 없이 바로 로그인이 되나요?
-
YJSoft
2015.04.20 15:56
그렇게 되려면 네이버에서 비밀번호를 제공해야 하는데 네이버 아이디로 로그인했다고 비밀번호가 사이트로 넘어가면 큰일나겠죠?
사이트에서 나쁜 맘을 먹고 활용한다면 큰일나니까요.
-
jejetlag
2015.10.04 14:17
프로필이미지는 안불러지는건가욤? -
마부
2016.03.10 11:55
Callback url엔 로그인XE 서버 모듈의 Callback url(모듈 설정 페이지의 입력란을 클릭하여 전부 선택을 한 뒤 Ctrl+C로 복사가 가능합니다)
이게 무슨말인지 잘모르겠어요..
제목 | 글쓴이 | 날짜 |
---|---|---|
제로보드 XE - 오토셋에 설치하기 [11] | 차오이 | 2007.08.11 |
로그인 안되시는분들 참고 [8] | 화니478 | 2007.08.14 |
설치 후 로그인 불가능 문제 해결방법 [14] | 엘핀라즈 | 2007.08.14 |
최근글 및 카운터 로그인등등.. 모르시는분있을꺼라고 생각해서올려요 [7] | 장재혁512 | 2007.08.15 |
외부에서 회원정보 불러오기 [5] | 미오유 | 2007.08.15 |
OpenID 적용 [6] | 맑은하늘75 | 2007.08.20 |
(수정) ZBXE 설치/로그인 등이 안될 때 시도해보세요. (MySQL DB) | 핑크플로이드 | 2007.08.20 |
zbxe 일주일 사용기 및 팁 [1] | 팔공산 | 2007.08.21 |
로그인 불가 - APM 관리자일 때 (일반적인 경우 아님) [3] | Sx3 | 2007.08.26 |
관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] | refree | 2007.09.01 |
회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] | 마덴나 | 2007.09.08 |
(포인트 모듈) 추가 정보 출력 [8] | Simulz | 2007.09.20 |
<수정>사이트 메신저 회원 연동해서 사용하기.... [3] | 녀석참 | 2007.09.22 |
xe 폴더를 어딘가로 이전했을 때 로그인이 안되는 경우... [2] | preware | 2007.10.05 |
경험에 의지한 로그인 풀림현상 처리 | 남국 | 2007.10.06 |
상단에 로그인 회원가입 등 메뉴 넣기 (id/pw찾기 추가) [7] | mireu | 2007.10.16 |
ZBXE용 모니위키 연동 플러그인 소스 [4] | 베니 | 2007.10.17 |
로그인/로그아웃 화면 첨부합니다. 이미지 변경법좀 ... [1] | 홍제헌 | 2007.10.30 |
제로보드xe 연동 프리하드2 설치방법 [8] | hoaopoyoy | 2007.11.03 |
혹 심심하신분들은 제 사이트 http://everyvn.com 으로 놀러오세요~