Thunkable ile 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, Thunkable'da Web API'leri kullanma pratiği yapabileceğiniz bazı eğitimler bulunmaktadır.

NOT! Burada listelenen bazı öğreticilerde, Web API bileşeni Tasarımcı penceresinde gösterilmektedir. Ancak, Thunkable'ın mevcut sürümünde, Web API bileşenini Blok Düzenleyici'de, Gelişmiş bölümünde bulabilirsiniz.

+ işaretine tıklayarak bir Web API bileşeni ekleyin. URL ve sorgu parametrelerini, görüntülenen özellikler penceresinde veya kodda ekleyebilirsiniz. Blokların kodlanması aynı olmalıdır.

Web API nasıl kullanılır?

Bu video, API'ler ve Thunkable Web API bileşeni hakkında genel bir bakış sunmaktadır.

Google Haritalar

İşte kullanımıyla ilgili çok basit bir örnek Google Haritalar API kendi uygulamanızdan Google Haritalar uygulamasını başlatmak için belirli bir konumu hedefleyin.

Hava durumu

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

Daha fazla öğretici

Thunkable, farklı Web API örneklerinden oluşan bir çalma listesi gibidir.

AKTİVİTE: MEYVE BESLENMESİ UYGULAMASI

Tahmini süre: 30 dakika

API kullanarak Meyve Bilgilerini Görüntüleme

Thunkable'da başlangıç projesini açın.
Uygulamayı çalıştırarak nasıl çalıştığını görün.
Projeyi düzenleyebilmek için bir kopyasını oluşturun.
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.

Açık Başlangıç Projesi

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 
     } 
}