Instagram을 텍스트큐브에 포함시켜 보자!!!

방법의 설명에 앞서, Instagram(이후 인스타그램)이 무엇인가? 하는 이가 있을까 하여 간단히 설명으로 시작하겠다.
인스타그램은 현재 iPhone Appliction으로 개발되어 있는 사진공유어플이다. pudding.to, qbro와 비슷하다고 할까?

필자의 블로그 상단에 4번째 메뉴 아이콘을 눌러보면 사진피드를 모아서 보여주는 페이지가 하나 뜨는데, 이것이 바로 인스타그램 어플을 통해 공유한 내 사진의 피드를 모아서 보여주는 것이다. 바로 이 페이지를 만드는 방법을 공개하고자 한다 ^^

일단, 아래의 파일을 먼저 다운로드 받아 두라.
소스 다운로드 instagram.zip; #mirror1; #mirror2
현재 구현되어 있는 소스이며(Key가 없기 때문에 실제로 나오진 않는다) 본 블로그 스킨에 맞추어 제작되었다.
(참고로 이 소스를 구현하기 위해 몇가지 구글링을 통해 얻어낸 소스들을 참조하였음을 밝혀둔다.)

이 인스타그램 페이지를 만들기 위해서는 사전 작업 - Client 등록 이 필요하다.
우선 이 사전 작업을 먼저 설명 후 첨부된 소스의 수정할 부분들을 설명토록 하겠다.

Instagram Client Regist

http:// instagr.am/developer/register/ 로 들어가서 먼저 인스타그램 계정을 생성한다.
위 주소로 들어가면 아래와 같은 화면을 볼 수 있다.

여기서 register를 눌러 API 계정을 생성한다.

어려운건 없어보이니 자세한 설명은 생략 ㅎ
계정 생성이 완료 되었으면 다시 http://instagr.am/developer/로 들어가서
아래 그림과 같이 클라이언트 어플리케이션을 등록한다.

위 와 같이 Register your application 을 눌러 등록 페이지로 이동

그냥 이런 식으로 기재해주면 된다. 어려운게 없다 ㅎ
위와 같이 등록을 마치고 난 후 manage 메뉴로 들어가보면 등록된 어플리케이션의 정보를 확인 할 수 있다.

여기서 CLIENT ID만 사용할 것이므로 따로 복사해 두라.
이후 Endpoints 메뉴 아래 USERS로 들어가서

요 항목을 찾는다.
아래 EXAMPLE 박스의 스크롤을 옮겨보면 access_token 값을 찾을 수 있는데,
이 값을 복사해두라.

첨부된 소스 수정

소스 수정은 달랑 파일 하나만 수정하면 된다. "library.php" 요 파일.

4번째 라인
```
$client_id = ""; //your client-id here
```
의 "" 안에 위에서 따로 복사해 둔 CLIENT ID의 값을 넣어주면 된다.
5번째 라인
```
$tag = ""; //your tag here
```
여기에는 tag를 넣게 되어 있는데 사실 잘 모르겠다... =ㅅ= ;;;;
필자는 그냥 아이디를 넣었다... ;;;;;

15번째 라인

$contents 
= curl("https://api.....recent?access_token=여기에 access_token값&count="
              .$count."&max_id=".$maxid);

[여기에 access_token 값] 부분에 위 4번째 항목에서 복사해 둔 토큰 값을 그대로 넣어주면 된다.

.htaccess 파일 수정

텍스트큐브가 설치된 폴더를 보면(숨김파일을 보이게 설정해야 보입니다) .htaccess 라는 파일이 있습니다.
이 파일을 수정해야 하는데 만일 이 소스들을 instagram 이라는 폴더에 올려 두었다면,

RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(cache)+/+(.+[^/])\.(cache|xml|txt|log)$ - [NC,F,L]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.+[^/])$ $1/ [L]

이 라인 아래에

RewriteCond %{REQUEST_FILENAME} /instagram
RewriteRule ^(.*) - [L]

이라는 코드를 추가해 주면 된다.
이걸 추가하지 않으면 텍스트큐브는 계속해서 없는 페이지라는 메세지만 뿌려준다 ㅋㅋ

이렇게 수정하면 바로 사용이 가능해 진다.
단, 첨부된 소스는 cURL 모듈이 로드된 서버에서만 설정이 가능하다는 제약이 있다.
최근의 호스팅업체들이 대부분 fopen 등의 함수를 보안상의 이유로 제한을 걸어 두기 때문에 이에 대한 대응책으로 cURL을 많이 사용하는 듯 하다.

Posted By 멀더끙