İnstagram Son Fotoğrafları Listeleme

1. İnstagram hesabı aç

2. Mailine gelen onaylama linkine tıkla.

3. İnstagram hesabına giriş yap

4. instagram.com/developer adresine git.

5. Manage Clients linkine tıkla

6.  Register a New Client butonuna tıkla.

7. Açılan bu sayfada Details sekmesinde client detaylarını girmemiz gerekiyor. Valid redirect URIs kısmı access tokeni alabilmemiz için gerekli olan bir bağlantı, kendi blog adresinizi yazabilirsiniz. Yine bu sayfada yer alan Security sekmesinde yer alan onay kutularını ikisini de işaretsiz duruma getirerek Register butonuna tıklayıp client oluşturma işlemini tamamlayabilirsiniz.

8. Evet işte client bilgilerimiz geldi şimdi buradaki bilgilerimiz aracılığı ve bir url yardımıyla access token oluşturacağız. 

9. Aşağıdaki linki içindeki client bilgilerini doldurarak tarayıcı adres satırına yapıştırıp enter tuşuna basıyoruz.

https://instagram.com/oauth/authorize/?client_id=CLIENT_ID_NUMARASI&redirect_uri=REDİRECT URI_ADRESİ&response_type=token

10. Adres satırında linkinizin yanında access_token= şeklinde access token numaranızı kopyalayın

11. Head taglarının arasına

<script type="text/javascript" src="jquery.min.js"></script>

12. Aşağıdaki scripti oluşturuken içindeki url de

https://api.instagram.com/v1/users/235007333/media/recent/?access_token=235007333.0501200.b466e461209a4de49b06587670d07333

en sondaki zaten bizim access_token fakat dikkat edeceğimizyer users/ den sonrasındaki sayı. Buraya access tokenin başındaki 9 hanelik noktaya kadar olan kısmı yazıyoruz.

SCRİPTİMİZ:

<div class="instagram"><ul></ul></div>
$(function() {
    $.ajax({
    	type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/users/4284534237/media/recent/?access_token=4284534237.d28869e.a563ff9ff10944cf809bd47a0c5cdfdc",
        success: function(data) {
            for (var i = 0; i < 20; i++) {
        $(".instagram ul").append("< li>< a target='_blank' href='" + data.data[i].link +"'>< img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' />< /a>< /li>");   
      		}     
                            
        }
    });
});

 


Yorum Yapılmamış