在 App Inventor 中編碼 API 初級部課程 在 App Inventor 中編碼 API 在本課中,您將... 了解什麼是應用程式程式設計介面 (API) 在應用中使用 API 獲取資訊 活動 以下是本課的活動:活動:水果營養應用程式 應用程式介面 API代表應用程式程式設計介面。API 是一種可以從網站或資料庫 獲取 資訊的方式。 雖然雲存儲通常是在您的應用程式內共用的內部資訊,但 API 允許您的應用程式從互聯網存取 外部 資訊。 雲存儲 應用程式介面 假設您正在構建一個應用程式,以幫助人們根據天氣決定穿什麼。您可能會花費大量時間將天氣數據上傳到資料庫中,但有許多網站可以顯示天氣。 更好的解決方案是從天氣網站獲取數據,並使用 API 透過您的應用程式將其展示給您的使用者。 這裡有一個很好的視頻解釋器,說明API是如何工作的。 要使用 API,您必須: 查找使用 API 的網站。 以下是 可用的公共 API 清單,按主題列出。 閱讀他們的文檔,瞭解如何使用他們的 API。大多數網站都給出了例子。某些網站要求您在使用其 API 之前註冊 API 金鑰。 請注意,某些 API 需要付費才能使用。 將 API 代碼合併到 Thunkable 中。 編碼示例 以下是一些簡單的示例,可説明您開始在 App Inventor 中使用 API。 谷歌地圖 下面是一個非常基本的使用 Google 地圖 API 以及 ActivityStarter 元件,用於從您的應用啟動 Google 地圖應用,並定位特定位置。使用這個 入門範本 以跟隨。 天氣 此示例教程使用來自 OpenWeatherMap的. iTunes的 這個簡單的教程向您展示如何使用 iTunes API 在輸入藝術家姓名時播放歌曲。按兩下此 連結 可在 App Inventor 中打開側邊欄教程,然後按照操作進行操作。 活動:水果營養應用 預計時間:30 分鐘 使用 API 顯示水果資訊 在 App Inventor 庫中打開「水果資訊」項目的連結。 將應用程式載入到 App Inventor 中。 運行該應用,瞭解其工作原理。 請查看下面的示例 JSON 字串,瞭解它的外觀。 目前,該應用程式僅顯示卡路里資訊。在CalorieLabel下方添加第二個標籤,以顯示返回的其他營養價值之一。 打開畫廊連結 導師小貼士 最佳實踐:有趣的事實,json代表什麼?“JavaScript 物件表示法”。Json 創建於 1999 年,我們每天使用或獲取的幾乎每一條數據都需要以某種方式使用 json。如果我們沒有json,那麼我們擁有的幾乎每一點技術都將毫無用處。幾乎所有來自雲端的數據都需要json來傳遞數據。要向學生提出的指導性問題:你能在你和你的朋友之間創建一個API嗎? 如果你的一個朋友說“/你好”,你要用問候來回應。這本質上是一個 API。一個人請求某事(你好),然後你用你選擇的問候來回應。還有比這更複雜的例子嗎?/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 } } 希望您已成功添加第二個包含 API 資訊的營養標籤!如果您想查看可能的解決方案,請按下此按鈕。 查看解決方案 反射 在您的應用程式中使用 API 可能是一個非常強大的工具,但實施起來並不容易! 您必須花時間閱讀網站的 API 文件,以瞭解如何獲取所需的資訊。 你認為這對你的應用程式來說是一個有用的元件嗎? 您能找到一個提供您需要的資訊的線上網站嗎? 關鍵術語的審查 應用程式程式設計介面 (API) – 一種您可以從其他網站或資料庫獲取資訊以在您的應用程式中使用的方法 其他資源 免費公共 API 清單 上一課 返回課程 下一課