작업실

그누보드5에 Github 아이디로 로그인 추가하기

 

 

1. Github

 

개발자 분들이라면 거의다 아시는 바로 깃허브입니다.

 

그 계정으로도 소셜 로그인이 가능합니다.

 

링크1에 있는 소셜로그인 플러그인에 추가하는 방식으로 진행하겠습니다.

 

설명하기에 앞서 http://isacode.com 관리자님께 감사드립니다. 많은 도움을 받았습니다.

 

 

2. 아이콘 다운받기

 

https://github.com/logos 

 

위 링크에 가서 직접 받으셔도 되고, 첨부파일에 있는 github.zip 파일에도 50px로 만든 로고가 있습니다.

 

편하신대로 쓰시면 됩니다.

 

/plugin/login-oauth/img/

 

위 경로에 github.png로 저장합니다.

 

 

3. php 파일 설치하기

 

실제 플러그인 안에 보시면 파일이 있지만 그누보드5에 적용하기엔 약간 수정이 필요합니다.

 

그래서 그 수정한 파일을 첨부해두었습니다.

 

login_with_github.php 파일을 받아서 

 

/plugin/login-oauth/ 

 

위 경로에 저장합니다.

 

혹시 본인의 홈페이지 주소가 https라면 파일을 열어 대략 20번째 줄에

 

$client->redirect_uri = 'http://'.$_SERVER['HTTP_HOST']. 

위 내용을 

 

 

$client->redirect_uri = 'https://'.$_SERVER['HTTP_HOST']. 

위와 같이 수정해야 합니다. 

 

그렇지 않으면 URI mismatch가 뜨면서 인증이 되지 않습니다.

 

요새 페이스북도 콜백URI를 지정해서 그렇게 수정해야 되더라구요.

 

 

4. /extend/login-oauth.php 파일 수정하기

 

대략 43번째 줄에

 

case 'github' : $ww = 460; $wh = 680; break; 

위 내용을 추가해줍니다. 

 

 

5. Github에 가입 후 로그인 어플 생성하기

 

https://github.com/settings/applications/new 

 

가입 후 위 링크에 가서 생성합니다.

 

Authorization callback URL 에는 

 

http://www.yoursite.com/plugin/login-oauth/login_with_github.php 

위와 같은 형식으로 지정하면 됩니다. 

 

그리고 Client ID, Client Secret을 받습니다.

 

 

6. /plugin/login-oauth/_apikey.php 에 추가하기

 

// Github 설정

// https://github.com/settings/applications/new 에 입력 후 Client ID와 Client Secret 발급 받아서 입력

$github_ClientID = '';

$github_ClientSecret = '';

위 내용을 추가하고 아까 받은 키값을 넣습니다. 

 

 

7. 출력할 곳에 코드 넣어주기

 

원하는 곳에 

 

<?php echo get_login_oauth('github');?> 

위와 같이 코드를 넣어주면 됩니다. 

, , , ,

0 Comments