App Inventor'da API'leri Kodlama

Uygulama Programlama Arayüzleri (API'ler) nedir öğrenin
Bir uygulamada API kullanarak bilgi alın

AKTİVİTELER

Bu dersin etkinlikleri şunlardır:

Etkinlik: Meyve Beslenme Uygulaması

API

API kısaltması uygulama programlama arayüzüanlamına gelir.

API, bir web sitesinden veya veritabanından bir web sitesinden veya veritabanından bilgi almanın bir yoludur.

Bulut depolama genellikle uygulamanız içinde paylaşılan dahili bilgilerken, API'ler uygulamanızın internetten harici bilgilere erişmesine olanak tanır.

Diyelim ki, insanların hava durumuna göre ne giyeceklerine karar vermelerine yardımcı olacak bir uygulama geliştiriyorsunuz. Hava durumu verilerini bir veritabanına yüklemek için çok zaman harcayabilirsiniz, ancak hava durumunu gösteren birçok web sitesi var.

Daha iyi bir çözüm, bir hava durumu web sitesinden verileri alıp API kullanarak bunları uygulamanız aracılığıyla kullanıcılarınıza göstermek olacaktır.

API'lerin nasıl çalıştığını açıklayan iyi bir video burada.

Bir API kullanmak için şunları yapmanız gerekir:

API kullanan bir web sitesi bulun. İşte bir liste konuya göre sıralanmış, kullanılabilir halka açık API'lerin listesi.
API'larını nasıl kullanacağınız hakkında belgelerini okuyun. Çoğu site örnekler vermektedir.
Bazı siteler, API'lerini kullanmadan önce bir API anahtarı için kayıt olmanızı gerektirir. Bazı API'lerin kullanımı ücretlidir.
API kodunu Thunkable'a ekleyin.

KODLAMA ÖRNEKLERİ

Aşağıda, App Inventor'da API'leri kullanmaya başlamanıza yardımcı olacak bazı basit örnekler bulunmaktadır.

Google Haritalar

İşte kullanımıyla ilgili çok basit bir örnek Google Haritalar API ve ActivityStarter bileşenini kullanarak uygulamanızdan Google Haritalar uygulamasını başlatın ve belirli bir konumu hedefleyin. Bunu kullanın başlangıç şablonu takip etmek için.

Hava durumu

Bu örnek eğitimde, Açık Hava Haritası.

iTunes

Bu basit eğitimde, iTunes API'sını kullanarak bir sanatçının adını yazdığınızda bir şarkıyı nasıl çalacağınız gösterilmektedir.

App Inventor'da kenar çubuğu eğitimini açmak için bu bağlantıya tıklayın ve adımları izleyin.

AKTİVİTE: MEYVE BESLENMESİ UYGULAMASI

Tahmini süre: 30 dakika

API kullanarak Meyve Bilgilerini Görüntüleme

App Inventor Galerisi'ndeki Meyve Bilgileri projesinin bağlantısını açın.
Uygulamayı App Inventor'a yükleyin.
Uygulamayı çalıştırarak nasıl çalıştığını görün.
Nasıl göründüğünü anlamak için aşağıdaki örnek JSON dizesini kontrol edin.
Şu anda, uygulama yalnızca Kalori bilgilerini görüntülüyor. Geri dönen diğer besin değerlerinden birini görüntülemek için CalorieLabel'ın altına ikinci bir etiket ekleyin.

Galeri Bağlantısını Aç

Mentor İpucu

En iyi uygulamalar: Eğlenceli Bilgi, json ne anlama geliyor? "JavaScript Nesne Notasyonu". Json 1999 yılında oluşturuldu ve her gün kullandığımız veya elde ettiğimiz neredeyse her veri bir şekilde json kullanmak zorundadır. Json olmasaydı, sahip olduğumuz neredeyse tüm teknolojiler işe yaramaz hale gelirdi. Buluttaki neredeyse tüm veriler, veri aktarımı için json'a ihtiyaç duyar.

Öğrencilere sorulacak yol gösterici sorular:

Arkadaşlarınızla aranızda bir API oluşturabilir misiniz?

Arkadaşlarınızdan biri "/hello" derse, siz de bir selamlama ile cevap vereceksiniz. Bu aslında bir API'dir. Bir kişi bir şey ister (merhaba) ve siz de istediğiniz selamlama ile cevap verirsiniz. Daha karmaşık örnekler olabilir mi? /hug, /triviaQuestion, /story, /weekendSummary

Mentor ipuçları AmeriCorps'un desteği ile sağlanmaktadır.

İşte FruityVice tarafından döndürülen bir örnek JSON dizesi.

{ "genus": "Musa", 
  "name": "Banana", 
  "id": 1, 
  "family": "Musaceae", 
  "order": "Zingiberales", 
  "nutritions": 
     { "carbohydrates": 22, 
       "protein": 1, 
       "fat": 0.2, 
       "calories": 96,  
       "sugar": 17.2 
     } 
}