매뉴얼

외부 API 트위터 로그인 연동

 

1. https://apps.twitter.com/ 에서 회원가입 후 로그인 합니다.

그리고 중간에  "Create New App" 을 클릭 합니다.

 

 

 

2. 기본 정보 입력 하고, 도메인은 www.를 포함하여 전체 주소를 입력해주시기 바랍니다.

Callback URL은 http://www.도메인/API/twitter/callback.php  을 입력해주세요.

 

 

 

3. " Permission" 을 클릭 하고  "Read, Write and Access direct messages" 을 선택하고 저장 합니다.

 

 

 

 

만약 에러가 발생한다면 트위터 설정 및 개인정보에서 모바일 휴대폰 번호를 등록하면 정상적으로 업데이트가 진행될 것입니다.

 

 

 

4. 권한변경이 마무리되었다면 API Keys 메뉴로 이동하여 “Token actions” 의 Create my access token 버튼을 눌러줍니다.

 

 

 

 

5. "Keys and Access Tokens"탭을 클릭 하고 아래 키정보를 복사합니다. (Ctrl + C)

 

 

 

6. 애니빌드 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다.  (자세한 설치방법은 애니빌드 본사로 별도 문의 바랍니다.)

 

 

 

7. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 위에서 복사해두었던 API Key와 API Secret 정보를 붙여 넣습니다. (Ctrl + V)

 

 

여기까지 작업 했다면 연동 작업은 모두 마무리 되었습니다.

실제 로그인 페이지를 만들어 보겠습니다.

 

10. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

 

소스 수정 모드에서 아래와 같이 페이지북 로그인 버튼을 추가 합니다.

 

pc화면 팝업창으로 트위터 로그인 버튼

<a href="javascript:popup_window('/API/twitter/redirect.php?twitter_mode=login&twitter_popup_yn=1',700,600)" class="login-twitter" cond="$twitter_login_yn && !$mobile_conn_yn">트위터 로그인</a>

모바일 화면 트위터 로그인 버튼

<a href="/API/twitter/redirect.php?twitter_mode=login" class="login-twitter" cond="$twitter_login_yn && $mobile_conn_yn">트위터 로그인</a>

이렇게 해서 트위터 로그인 연동 작업이 마무리 되었습니다.

 

수고하셨습니다.

 

 

게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top