Günümüzde oldukça popüler olan ve Facebook'un satın alması ile daha da büyüyen fotoğraf paylaşma uygulaması olan Instagram , diğer uygulamarın (facebook,twitter,googleplus vs) da oldugu gibi geliştiricilere sunduğu apisi bulunmaktadır. Instagram Developer sitesini ziyaret ederek geliştirici dökümantasyonuna ulaşabilirsiniz. Oradaki örnekleri inceleyerek Instagram'ın bize sunduğu nimetlerden yararlanabilirsiniz.
Bende bugün bu apiyi kullanarak sizlere instagram fotoğramlarımı listeleyeceğim. Fazla uzatmadan hemen sırasıyla işlemlerimizi gerçekleştirelim :
1) Instagram'a login olduktan sonra http://instagram.com/developer/clients/register/ linkine tıklıyoruz. Karşımıza gelen ekranda bilgileri dolduruyoruz ve "Register" butonuna basıyoruz.
Register a New Client
2) Artık uygulamamıza ait "Client ID" ve "Client Secret" unique değerlerine sahibiz. Bize lazım olan "authentication token" almak için aşağıdaki linke bize verilen client id'mizi ve web site linkimizi yazıyoruz.
https://instagram.com/oauth/authorize/?display=touch&client_id=[ClientID]
&redirect_uri=[callbackuri]/&response_type=token
3) Linkimizin sonucunda yazdığımız sitenin sonuna eklenen "code" parametresinin değeri bize "authentication token" verecek.
http://your-redirect-uri?code=CODE
4) Aldığımız bu code sayesinde artık instagram ile iletişim kurabileceğiz. İletişim kurmadan önce instagram user id'mizi "Get your instagram user ID" tıklayarak alabiliriz. Artık bu işlemlerimizi tamamladıktan hemen jquery yardımıyla jsonp data tipiyle resimlerimizi ve bu resimlere ait bilgileri çekelim.
Eğer popüler fotoğrafları görüntülemek istiyorsak ;
url: "https://api.instagram.com/v1/media/popular?client_id=[ClientID]&access_token=[CODE]"
Eğer kişisel fotoğraflarımızı görüntülemek istiyorsak ;
url: "https://api.instagram.com/v1/users/[UserID]/media/recent/?access_token=[CODE]"
Eğer belirttiğimiz bir etikete göre son fotoğrafları görüntülemek istiyorsak;
url: "https://api.instagram.com/v1/tags/[TAG]/media/recent?client_id=[ClientID]&access_token=[CODE]"
Eğer belirlediğimiz bir yere göre son fotoğrafları görüntülemek istiyorsak;
url: "https://api.instagram.com/v1/media/search?lat=[LAT]&lng=[LNG]&distance=[DST]?client_id=[ClientID]&access_token=[CODE]"
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/users/[UserID]/media/recent/?access_token=[CODE]",
success: function(data) {...}
});
});
Görüldüğü gibi instagram üzerinden fotoğraflarımı çektim. Bu fotoğrafları düzenlemek artık size kalmış :) Aşağıdan yaptığım örneği inceleyebilirsiniz.
Kaynak : techmonks.net
