소셜 XE SNS 로그인 방법

기존 로그인은 로그인 위젯이나 로그인 페이지로 이동해야 로그인이 가능했습니다. 하지만 SNS는 단순한 링크만 걸어도 로그인이 가능합니다.

SNS 로그인을 하는 방법은 두가지입니다. 하나는 기존 로그인과 같이 로그인 페이지를 이용하는 것이고, 다른 하나는 SNS 로그인 요청 버튼에 링크를 거는 것입니다.

1. 로그인 페이지

로그인 페이지는 XE의 기본 로그인 페이지를 말합니다. SNS 로그인으로 전환하게 되면 로그인 페이지도 SNS 로그인으로 전환됩니다. 로그인 페이지로 링크를 걸면 따로 SNS 로그인 버튼을 만들필요가 없습니다. 

로그인 페이지의 URL은 다음과 같습니다.

URL : http://도메인/?act=dispMemberLoginForm

템플릿 파일 : {getUrl('act','dispMemberLoginForm')}

2. SNS 로그인 요청 버튼

직접 SNS 로그인 요청 버튼을 만들 수 있습니다. 방법은 간단합니다. 로그인 버튼 (텍스트나 이미지)에 링크만 걸어주면 됩니다.

SNS 로그인 요청 URL은 다음과 같습니다.

URL : http://도메인/?act=dispSocialxeConnectSns&type=login&service=로그인할 SNS

예) http://xem/?act=dispSocialxeConnectSns&type=login&service=twitter

템플릿 파일에서는 socialxe의 snsAuthUrl 메소드를 사용하면 효과적입니다. 사용법을 다음과 같습니다.

{@ $oSocialxeModel = getModel('socialxe');}

<a href="{$oSocialxeModel->snsAuthUrl('로그인할 SNS', 'login')}">로그인버튼</a>

예) <a href="{$oSocialxeModel->snsAuthUrl('twitter', 'login')}">twitter 로그인</a>