그누보드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');?> 

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