在 App Inventor 中編寫 API - 科技創新女孩

在本課中，您將 ...

瞭解什麼是應用程式介面 (API)
在應用程式中使用 API 獲取資訊

活動

以下是本課的活動：

活動：水果營養應用程式

API

API 代表 應用程式介面.

API 是您可以從從網站或資料庫取得資訊的方式。

雲端儲存通常是在您的應用程式內分享的內部資訊，而 API 則允許您的應用程式從網際網路存取外部資訊。

假設您正在建立一個應用程式，協助人們根據天氣決定穿什麼衣服。您可以花很多時間將有關天氣的資料上傳到資料庫，但是有很多網站可以顯示天氣。

更好的解決方案是使用 API 從天氣網站擷取資料，並透過您的應用程式顯示給使用者。

這裡有一個很好的視訊解釋 API 如何運作。

要使用 API，您必須

尋找使用 API 的網站。這裡有一份清單按主題列出的可用公開 API。
閱讀他們的說明文件，瞭解如何使用他們的 API。大多數網站都會提供範例。
有些網站要求您在註冊 API 金鑰後才能使用其 API。 請注意，有些 API 需要付費才能使用。
將 API 程式碼納入 Thunkable。

編碼範例

以下是一些簡單的範例，讓您開始在 App Inventor 中使用 API。

Google 地圖

以下是使用 Google 地圖 API 和 ActivityStarter 元件，從您的應用程式啟動 Google Maps 應用程式，以特定位置為目標。使用此啟動模板來跟隨。

天氣

本範例教程使用來自 OpenWeatherMap.

iTunes

這個簡單的教學告訴您如何使用 iTunes API在您輸入歌手名稱時播放歌曲。

按一下此連結，在 App Inventor 中開啟側邊欄教學，並跟著學習。

活動：水果營養應用程式

預計時間30 分鐘

使用 API 顯示水果資訊

在 App Inventor 圖庫中開啟水果資訊專案的連結。
將應用程式載入到 App Inventor 中。
執行應用程式看看它如何運作。
請查看下面的 JSON 字串範例，以瞭解其外觀。
現在，應用程式只顯示卡路里資訊。在 CalorieLabel 下方新增第二個標籤，以顯示傳回的其他營養值之一。

開啟圖庫連結

導師小貼士

最佳實踐： 有趣的事實，json 代表什麼？"JavaScript Object Notation」。Json 創造於 1999 年，我們每天使用或取得的幾乎所有資料都需要以某種方式使用 json。如果沒有 json，我們擁有的幾乎所有技術都會變成無用。幾乎所有來自雲端的資料都需要 json 來傳遞資料。

向學生提出引導性問題：

您可以在您和朋友之間建立 API 嗎？

如果您的朋友說 "/hello"，您就會回應一句問候。這基本上就是一個 API。一個人請求一些東西 (hello)，然後您以您選擇的問候語回應。還有更複雜的例子嗎？/hug、/triviaQuestion、/story、/weekendSummary

導師提示由 AmeriCorps 提供支援。

以下是 FruityVice為香蕉返回的 JSON 字串。

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