작업실

그누보드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
등록된 댓글이 없습니다.
Total 157 / 5 Page
RSS
우분투에서 구글 SMTP 메일서버 설치 후 에러 해결 방법입니다.

1. 구글 아이디와 비번을 제대로 넣었는데 계정 인증이 안되어 메일 발송이 안될 경우https://webdir.tistory.com/227위 링…

배경화면에 눈 내리게 만들기

위 스샷처럼 배경에 눈 내리게 만드는 방법입니다.http://amina.co.kr/bbs/board.php?bo_table=tip&wr_…

미소 베이직 4.3 main side 예제파일 공유합니다. 댓글 6

2016년 12월 2일 현재 미소 베이직 4.3 기준 제 홈페이지 예제코드입니다.메인과 사이드, PC와 모바일을 구분하였습니다.1. PC 메인2…

드래그 텍스트 선택 색상 변경하기

위 스샷과 같이 드래그 했을 때 색상을 바꾸는 방법입니다.사실 저는 기본 드래그 색상과 큰 차이는 없는데요. 아무래도 파비콘의 색상과 맞추려고 …

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

1. Github개발자 분들이라면 거의다 아시는 바로 깃허브입니다.그 계정으로도 소셜 로그인이 가능합니다.링크1에 있는 소셜로그인 플러그인에 추…

미소 베이직 4.0 테마 사이드바 아이콘 색깔 변경하기

1. 메인화면에 떠있는 아이콘 배경색 지정하기/thema/Miso-Basic-4/widget/miso-sidebar/widget.php대략 18…

최근글


새댓글


알림 0