소셜로그인(페이스북,트위터,네이버,다음,카카오,구글)이 가능한 외부로그인

단지얍

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 2015-08-11 (화) 10:50:22 · 조회 22261 22261 · 댓글 24 24

링크

http://www.danzi.co.kr (1334)

본 소셜로그인용 외부로그인 스킨은 일전에 플러그인에 업로드한 소셜로그인이 있어야 작동이 되는
스킨입니다.

해당 플러그인은 http://sir.co.kr/g5_plugin/1070 여기에서 받으실수 있습니다.

이 스킨은 테이블 테그로 이루어져 있으며 스타일 역시 직접적으로 입혀져 있기 때문에

스타일 수정이 필요하시면 테이블의 각 TR 혹은 TD 부분의 스타일 부분을 제거후 style.css 에 따로 추가작업
하셔야 합니다.

물론, 스킨 php 파일상단의 주석처리된 add_stylesheet 부분도 주석제거 하셔야하구요

스킨내에 첨부된 edit_profile_image.php 는 로그인후 생성(?)된 프로필 이미지 부분을 클릭하면
즉석에서 편리하게 프로필 파일만을 수정하도록 만든 파일입니다.

이 부분이 필요가 없거나 문제가 있다면 outlogin.skin.2.php 에서

[code]

<td width="55" height="58" valign="bottom" style="border-width:0; border-color:black; border-style:none;" rowspan="3"><div id="profile_img" style="border:2px solid #cccccc;border-radius:30px;background-image: url(<?=$profile_imgsrc?>); background-repeat:no-repeat; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); width:55px;height:55px;z-index:10;cursor:pointer;" onclick="javascript:edit_profile_image();" title="프로필 사진을 편집합니다."></div></td>

[/code]

위 부분에서 cursor:pointer; 부분제거와 onclick 부분 전부를 제거하시면 됩니다.

이 스킨의 외부로그인 부분을 사용하시려면 반드시 상단에서 말씀드린 플러그인이 있으셔야 하며

또한, 사용하고자 하는 소셜사이트의 개발자코너에서 관련 키값과 시크릿값등을 발급 받으셔야합니다.

자세한 내용은 http://sir.co.kr/g5_plugin/1070 여기에서 확인하세요

참고사항으로 위 플러그인은 소셜로그인을 이용하는 이용자가 별도로 비밀번호를 설정하거나 하는 부분은 없는
플러그인입니다.

때문에 <정보수정> 링크나 버튼을 클릭시 본인확인절차부분(비밀번호 재확인하는 부분)의 상단에
아래와 같은 코드를 넣으셔서 해당 부분을 넘겨줘야합니다.

[code]

$SLType = SL_TYPE_FIELD;
$SLId = SL_ID_FIELD;

if ($member[$SLType]){ //소셜로그인?>

<form name="fmemberconfirm" method="post">
<input type="hidden" name="mb_id" value="<?=$member['mb_id']?>">
<input type="hidden" name="w" value="u">
<input type="hidden" name="mb_password" value="<?=SL_PASSWORD.$member[$SLId]?>">
</form>
<script type="text/javascript">
//<![CDATA[
function fmemberconfirm_submit(){
document.fmemberconfirm.action = "register_form.php";
document.fmemberconfirm.submit();
}
setTimeout(fmemberconfirm_submit(), 0);
//]]>
</script>
<?php
exit;
}

[/code]

위 코드를 skin/member/사용중인 스킨/member_confirm.skin.php 의 상단에 추가하시어 인증페이지는
소셜로그인 사용자는 무시하고 넘어가도록 해주세요.

또하나, 회원정보수정 페이지에서 소셜로그인 유저인지 체크하여 소셜로그인 유저라면

비밀번호 재설정을 하지 못하도록 설계하시는게 좋습니다.
그렇지 않으면 위 본인인증부분에서 넘어가지 않을수 있습니다.

실제 적용된 모습을 보시려면 링크를 클릭하시면 됩니다.

실제로 제가 운영중인 사이트이니 확인용 말고 활동용으로 가입하시면 좋겠습니다..^^;;

#PC용

첨부파일

sshot.jpg (44 KB) 0회 2015-08-11 10:50

social_login.zip (203.1 KB) 978회 2015-08-11 10:50

shot2.jpg (43.2 KB) 0회 2015-08-11 10:52

shot3.jpg (49.7 KB) 0회 2015-08-11 10:52

댓글 24개

단지얍

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-08-11 (화) 11:04:03

혹시나 소셜로그인 사용자가 비밀번호를 알아내서(거의 가능성 없음)
소셜로그인으로 로그인하지 않고 직접 사이트에서 로그인시도 하는경우
소셜로그인용 아이디는 로그인되지 않도록 하기 위해서는 skin/member/사용중인스킨/login_check.skin.php 에 다음과 같이 추가하고 저장하시면 막을 수 있습니다.

[code]

$SLType = SL_TYPE_FIELD;
if(strlen($mb[$SLType]) > 0)
alert("소셜로그인 사용자는 직접로그인이 불가능합니다.");

[/code]

스트레스ㅡ제윤아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-08-11 (화) 14:15:45

소셜로그인 사용자는 정보수정이 불가능한건가요

단지얍

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-08-11 (화) 14:18:17

불가능한게 아닙니다.

위 내용에 언급한대로 맴버스킨의 본인확인페이지에 코딩하시면 정보수정페이지로 바로이동 가능하며 수정또한 가능하게 됩니다.

스트레스ㅡ제윤아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-08-11 (화) 14:20:28