9GAG에서 이미지 가져 오기

Question

JavaScript (및 jQuery)를 사용하여 9GAG의 이미지 만 표시하고 한 번에 약 5 개씩로드하고 아래로 스크롤 할 때 더 많이로드하는 웹 페이지를 만드는 방법이 있습니까? 다른 쓰레기를 모두로드하지 않고도 웹 사이트에 쉽게 액세스 할 수 있도록 노력하고 있습니다.

감사합니다.

Answer 1

InfiniGAG을 살펴보십시오.

http://infinigag.k3min.eu/trending

결과 :

는

{ 
    "status": 200, 
    "message": "OK", 
    "data": [ 
     { 
      "id": "EyVtjpq", 
      "caption": "Example", 
      "images": { 
       "small": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_220x145.jpg", 
       "cover": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460c.jpg", 
       "normal": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460s.jpg", 
       "large": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_700b.jpg" 
      }, 
      "media": { 
       "mp4": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460sv.mp4", 
       "webm": "http:\/\/img-9gag-fun.9cache.com\/photo\/EyVtjpq_460svwm.webm" 
      }, 
      "link": "http:\/\/9gag.com\/gag\/EyVtjpq", 
      "votes": { 
       "count": 0 
      }, 
      "comments": { 
       "count": 0 
      } 
     }, 
     ... 
    ], 
    "paging": { 
     "next": "V8eFpqG" 
    } 
} 

Answer 2

해당 웹 사이트에 이미지 나 경로를 반환하는 API가없는 경우이를 위해 서버 측 기술이 필요합니다.

Answer 3

네, 가능합니다 ... 나는 PHP를 사용하는 것이 좋습니다. 불행히도 자바 스크립트만으로는 이것을 할 수 없을 것입니다. 왜냐하면 "샌드 박싱"때문에 자바 스크립트가 생성 한 URL에 저장된 것들에만 접근 할 수 있기 때문입니다.

아래에서 수행 할 수 있습니다. 이 규범으로 몇 가지 조언이 제공됩니다 : TOS는 규칙 일 뿐이며이를 사용할 때 관련된 도덕적/윤리적 고려 사항을 이해합니다. 9gag는 광고에 돈을 벌 수 있도록 이러한 이미지를 수집하는 작업을 수행했습니다. 그들은 대역폭 (그리고 클라우드 프론트 CDN)을 지불합니다. 이 코드를 사용하여 경쟁 제품을 만들거나 광고를 일주 항주로 경유한다면 귀하는 도용 당합니다. 나는이 정보가 자유롭고 사람들은이 PHP 코드로부터 배울 수 있어야한다고 생각하기 때문에 이것을 게시한다.

$html = file_get_contents("http://www.9gag.com"); 
preg_match('|http://d24w6bsrhbeh9d\.cloudfront\.net/photo/.+?\.jpg|',$html,$matches); 
//now matches holds all the image urls which you can print to javascript/html and show 

행운을 빈다.