Başlamadan önce

İhtiyacın olacak:

• Bir Facebook Geliştirici Hesabı .
• Medya içeren bir Instagram hesabı .
• Sahip olduğunuz herkese açık bir web sitesi. Bu, Github Sayfası veya Heroku web uygulaması veya gerçek web siteniz gibi genel bir ücretsiz olabilir .
• Terminal gibi bir komut satırı aracı veya cURL isteklerini gerçekleştirebilen Postacı gibi bir uygulama .

1. Adım: Bir Facebook Uygulaması oluşturun

Developers.facebook.com adresine gidin , Uygulamalarım’ı tıklayın ve yeni bir uygulama oluşturun. Uygulamayı oluşturulan ve Uygulama Dashboard, gidin içindedir sonra Ayarlar > Basic , sayfanın alt gidin ve tıklayın Platformu’nu ekleyin .

Web Sitesi’ni seçin , web sitenizin URL’sini ekleyin ve değişikliklerinizi kaydedin. İsterseniz platformu daha sonra değiştirebilirsiniz, ancak bu öğretici için Web sitesini kullanın .

2. Adım: Instagram Temel Ekranını Yapılandırma

Ürünler’i tıklayın , Instagram ürününü bulun ve uygulamanıza eklemek için Ayarla’yı tıklayın .

Temel Ekran’ı tıklayın , sayfanın en altına gidin, ardından Yeni Uygulama Oluştur’u tıklayın .

Görüntülenen formda, aşağıdaki yönergeleri kullanarak her bölümü doldurun.

Ekran adı

Yeni oluşturduğunuz Facebook uygulamasının adını girin.

Geçerli OAuth Yönlendirme URI’leri

Web sitenizin URL’sini girin. Normalde bu, yönlendirme sorgu dizesi parametrelerini yakalayabilen özel bir URI olur, ancak bu öğretici için web sitenizin URL’si iyi olur.

Örneğin: https://socialsizzle.heroku.com/auth/

Bir URL girdikten sonra değişikliklerinizi kaydedin ve URL’yi tekrar kontrol edin; URL yapınıza bağlı olarak bir eğik çizgi ekledik. Yetkilendirme kodlarını ve erişim belirteçlerini almak için daha sonraki adımlarda ihtiyacınız olacağından URL’nin tamamını bir yere kopyalayın.

Geri Arama URL’sinin Yetkisini Kaldırma

Web sitenizin URL’sini tekrar girin. Sonunda bunu yetkilendirme bildirimlerini işleyebilecek bir URL olarak değiştireceksiniz , ancak bu öğreticinin amaçları için web sitenizin URL’sini tekrar kullanabilirsiniz.

Veri Silme İsteği Geri Arama URL’si

Web sitenizin URL’sini bir kez daha girin. Tıpkı Geri Arama URL’sini Yetkisini Kaldır gibi, sonunda bunu veri silme isteklerini işleyebilecek bir URL olarak değiştireceksiniz , ancak şimdilik web sitenizin URL’sini yeniden kullanabilirsiniz.

Uygulama İncelemesi

Eğitim sırasında uygulamayı Canlı Moda geçirmeyeceğiniz için şimdilik bu bölümü atlayın .

3. Adım: Instagram Test Kullanıcısı Ekleyin

Roller > Roller’e gidin ve Instagram Testçileri bölümüne gidin. Tıklayın Instagram Test Kullanıcısı Ekleyin ve Instagram Hesabın kullanıcı adını girin ve davetiyeyi gönderin.

Yeni bir web tarayıcısı açın ve www.instagram.com adresine gidin ve yeni davet ettiğiniz Instagram hesabınızda oturum açın. Gidin (Profil Simgesi) > Profili Düzenle > Uygulamalar ve Web siteleri > Tester Davetler ve daveti kabul edin.

Instagram hesabınıza artık Geliştirme Modundayken Facebook uygulamanız erişebilir .

4. Adım: Test Kullanıcısının Kimliğini Doğrulayın

{app-id}Instagram Uygulamanızın kimliğiyle ( Uygulama Gösterge Tablosu > Ürünler > Instagram > Temel Ekran > Instagram Uygulama Kimliği alanından) ve {redirect-uri}2. Adımda verdiğiniz web sitesi URL’nizle (“Geçerli OAuth Yönlendirme URI’leri”) değiştirerek aşağıdaki Yetkilendirme Penceresi URL’sini oluşturun. . URL tam olarak aynı olmalıdır .

https : //api.instagram.com/oauth/authorize ? client_id = { app - id } & redirect_uri = { redirect - uri } & scope = user_profile , user_media
   & response_type = kod 

Örneğin:

https : //api.instagram.com/oauth/authorize ? client_id = 684477648739411 & redirect_uri = HTTPS : //socialsizzle.herokuapp.com/auth/ ve kapsamı = user_profile , user_media
   ve response_type = Kod
  

Yeni bir tarayıcı penceresi açın ve Yetkilendirme Penceresi URL’sini yükleyin. Bu, Instagram kullanıcı adınızı, uygulamanın adını ve uygulamanızın istediği izinlerin açıklamasını görüntülemeli ve görüntülemelidir.

Yetkilendirme Penceresinde oturum açarak Instagram test kullanıcısı kimliğinizi doğrulayın, ardından uygulamanızın profil verilerinize erişmesine izin vermek için Yetkilendir’i tıklayın . Başarılı olduktan sonra, sayfa sizi bir önceki adıma eklediğiniz yönlendirme URI’sine yönlendirir ve bir Yetkilendirme Kodu ekler. Örneğin:

https://socialsizzle.herokuapp.com/auth/?code=AQDp3TtBQQ...#_

Bunun #_yönlendirme URI’sinin sonuna eklendiğini, ancak kodun kendisinin bir parçası olmadığını unutmayın. #_ portionSonraki adımda kullanabilmeniz için kodu (olmadan ) kopyalayın .

5. Adım: Kodu bir Jetonla Değiştirme

CURL isteklerini destekleyen komut satırı aracınızı veya uygulamanızı açın ve aşağıdaki POSTisteği API’ye gönderin.

curl - X POST \
  https : //api.instagram.com/oauth/access_token \ - F client_id = { app - id } \
   - F client_secret = { app - secret } \
   - F grant_type = authorization_code \
   - F redirect_uri = { yönlendirme - uri } \
   - F kodu = { kod }

Değiştir {app-id}, {app-secret}, {redirect-uri}ve {code}Instagram uygulama kimliği, Instagram uygulaması sır, Yönlendirmeli URI ve kod ile size gönderdiğimiz. Yönlendirme URI’nızın, önceki adımda belirttiğinizle tam olarak eşleştiğinden emin olun; Instagram uygulamanızı yapılandırdığınızda Uygulama Gösterge Tablosu bunları eklediyse sondaki eğik çizgiler.

Örneğin:

curl - X POST \
  https : //api.instagram.com/oauth/access_token \ - F client_id = 684477648739411 \
   - F client_secret = eb8c7 ... \
   - F grant_type = authorization_code \
   - F redirect_uri = https : //socialsizzle.herokuapp.com/auth / \ - F kodu = AQDp3TtBQQ ...
  

Başarılı olduktan sonra API, 1 saat süreyle geçerli olan kısa ömürlü bir Instagram Kullanıcı Erişim Jetonu içeren bir JSON kodlu nesne ve Instagram test kullanıcı kimliğinizi döndürür:

{ "access_token" : "IGQVJ ..." , "kullanıcı_kimliği" : 17841405793187218 }
   

Bir sonraki adımda kullanabilmeniz için erişim belirtecini ve kullanıcı kimliğini kopyalayın.

6. Adım: Kullanıcı Düğümü’nü sorgulayın

Kullanıcı düğümünü kullanıcı kimliğiniz ve kullanıcı adınız için sorgulamak için komut satırı aracınızı veya uygulamanızı ve aşağıdaki cURL isteğini kullanın . Değiştir {user-id}ve {access-token}ID ve son adımda alınan jeton erişimli.

curl - X GET \ 'https://graph.instagram.com/{user-id {? fields=id, kullanıcıadı& access_token={ access - token
   }'

Örneğin:

curl - X GET \
   'https: //graph.instagram.com/17841405793187218? fields = id, kullanıcı adı & access_token = IGQVJ ...'

Alternatif olarak , jetonunuzu inceleyecek olan Me düğümünü sorgulayabilir, jetonu veren Instagram kullanıcısının kimliğini belirleyebilir ve bu Kullanıcıyı sorgulayabilirsiniz . Örneğin:

curl - X GET \
   'https: //graph.instagram.com/me? fields = id, kullanıcı adı & access_token = IGQVJ ...'

Başarılı olduktan sonra API, Instagram kullanıcı kimliğiniz ve kullanıcı adınızla yanıt verir:

{ "id" : "17841405793187218" , "kullanıcı adı" : "jayposiris" }