基于App Inventor積木式編程API調用的設計與實現

摘? 要：App Inventor積木式編程程序，其優點是可視化操作、模塊拼接編程，易讀懂、易編寫、易理解，使學習變得簡單有趣?；贏pp Inventor開發的“天氣預報APP”應用案例，在互聯網環境下，結合大數據應用，在移動終端上開發應用程序，大大地提升了青少年學習積木式編程的興趣。在對案例編寫、創建和調試的過程中，有意識的培養學生的計算思維，有效提高學生發現問題、解決問題的能力，使程序學習不再枯燥。

關鍵詞：App Inventor;API調用;天氣預報APP

中圖分類號：TP311.56? ? ? 文獻標識碼：A 文章編號：2096-4706（2020）22-0026-04

Design and Implementation of API Call in Building Block Programming Based on App Inventor

——Take the Weather Forecast APP as an Example

LIU Zaixing

（Guangzhou Institute of Educational Research，Guangzhou? 510110，China）

Abstract：App Inventor building block programming program，its advantages are visual operation，module splicing programming，easy to read，easy to write，easy to understand，make learning simple and interesting. Based on the application case of “weather forecast APP” developed by App Inventor，in the internet environment，combined with big data application，the application program is developed on the mobile terminal，which greatly enhances the interest of teenagers in learning building block programming. In the process of writing，creating and debugging cases，we should consciously cultivate studentscomputational thinking，effectively improve studentsability to find and solve problems，and make program learning no longer boring.

Keywords：App Inventor;API call;weather forecast APP

0? 引? 言

隨著信息技術的日益發展，智能設備已廣泛地使用在我們的日常生活中，為我們的生活帶了許多便利。App Inventor積木式編程是一款基于瀏覽器的在線安卓軟件開發工具，采用搭積木的方式進行編程，由于其界面友好，能很好的實現學生的創意，簡單有趣，使程序學習不再枯燥。筆者作為廣州市教育研究院初中信息技術教研員，主編廣州市中學信息技術學科教材《信息技術》第二冊的“App Inventor手機積木式編程”，本文基于App Inventor積木式編程設計與開發的天氣預報APP為例向讀者展現API調用的設計與實現的過程，在發現問題、解決問題的過程中激發學生學習手機積木式編程的興趣，培養學生計算思維能力，養成良好的編程思維。

1? App Inventor積木式編程在初級中學信息技術學科教育中的實用性

信息技術是什么，很多人首先想到的是編程，這就說明信息技術學科中的編程課程尤為重要。初級中學階段的學生的信息技術專業知識欠缺，外語水平也不高，想要學習好一門編程語言確實不容易，往往因為傳統編程課程的學習，造成很多同學對信息技術學科產生畏難情緒，覺得編程很難掌握，磨滅他們對編程乃至信息技術課程的學習興趣。2012年1月，美國麻省理工學院推出基于安卓系統的積木式編程軟件——App Inventor。不同于傳統編程，App Inventor積木式編程的設計比較簡單，學生不用編寫煩瑣的代碼，使用“積木”對程序代碼塊進行拼接，實現在智能手機或平板上直接查看程序的調試結果，這對于活潑好動的初中生具有非常大的吸引力。初中信息技術課程App Inventor積木式編程包括“搖一搖聽單詞”“創意涂鴉”和“調用API制作天氣預報APP”等教學內容。本文截取App Inventor積木式編程中常用的API調用為例，闡述如何設計與實現天氣預報APP。

2? 天氣預報APP的功能及技術可行性分析

天氣預報需要綜合大量的數據進行專業處理，事實上我們很難憑一己之力實現這樣的應用。不過，專業機構已經將數據處理并發布在網絡上，我們只需要按照特定規范進行調用，即可獲得專業的數據，這就需要調用API應用程序接口。

Web服務器通常提供兩種方式的用戶接口與客戶端交互，如圖1所示：一種是Web UI，就是通常所說的網站或網頁，客戶端不需要安裝特定的程序，通過瀏覽器就可以訪問網站;另一種是Web API，需要在客戶端安裝應用程序，用戶與客戶端APP交互，客戶端APP再通過Web API與服務器交互，將結果展現給用戶。本文以制作一款天氣預報APP為例，闡述API調用的設計與實現。

2.1? 天氣預報APP功能

基于App Inventor編程平臺開發天氣預報APP，設計實現以下功能：

（1）輸入某個城市名稱，顯示該城市的實時天氣狀況。

（2）可以查詢任意城市的近7天天氣數據，包括氣溫、風向、風力等信息。

2.2? 技術可行性分析

（1）API調用。應用程序編程接口（Application Pro-gramming Interface，API）調用，即開發人員和應用程序無須訪問源碼或理解程序的內部工作機制細節，通過預定義函數，基于某軟件或硬件得以訪問一組例程的能力。API的實現是提供API所定義的功能的軟件，API僅僅是一種程序接口，它的優勢在于：1）系統各部分的相互依賴通過API良好的接口設計得以解決，既可降低組成單元間的耦合程度又能提高它們的內聚性，同時系統的維護性和擴展性得到很好的提升。2）API是一組極其復雜、數量上千的函數和程序構成應用程序接口，程序員可以利用程序接口完成各類開發任務。高質量的API接口，除了自身的數據外，接口的穩定性和質量也是非常重要。

目前，世界上許多大型企業，如京東萬象、Amazon等都通過API接口開放數據，使得全世界的開發人員都能夠調用他們的數據。API數據接口近年來受眾多開發人員的追捧，在程序的設計與開發工作中起著重要的作用。

把通信連接Web客戶端組件內置到基于App Inventor開發的天氣預報APP內，天氣預報APP可根據客戶需求查詢城市的名稱，調用Web客戶端組件來設置API的鏈接地址，使用京東萬象提供的API服務，獲取返回數據。

（2）解析數據。解析的數據主要是京東萬象平臺API程序接口中獲得的各類返回信息，包括城市的信息和當前天氣的狀況、目前的氣溫等。因為這些信息都是用JSON數據格式返回，同時Web瀏覽器組件中具有解碼JSON文本的方法，并返回列表數據，因此我們可以在列表中通過對“鍵值對”的查找，查詢到數據的值。

3? JSON格式數據

JSON相對于XML來說更為小巧，同時沒有削減描述能力，是一種輕量級的數據交換格式，易于機器解析和網絡傳輸。JSON對象表示為鍵值對，是一個“名稱/值”的集合，每個名稱后跟一個冒號，大括號保存對象，數據由逗號分隔。我們從調試信息中的JSON返回示例值中取出與本例相關的其中一段來做說明。本例中，程序需要的是關鍵字“weather”對應的值，作為天氣預報的結果顯示在界面上。

根據JSON返回的文本結構，先查找第1層結構中關鍵字“result”對應的值，然后在其返回的結果（鍵值對“列表”）里查找第2層結構中關鍵字“result”對應的值，最后在其返回的結果里（鍵值對“列表”）查找第3層結構中關鍵字“weather”對應的值。用這樣的方式，通過3層查找來找出關鍵字“weather”得到對應的值，并賦值給標簽來顯示數據。

"code"："10000"，

"charge"：false，

"msg"："查詢成功"，

"result"：{

"status"：0，

"msg"："ok"，

"result"：{

"city"："廣州"，

"cityid"：75，

"citycode"："101280101"，

"date"："2019-07-13"，

"week"："星期六"，

"weather"："陰"，

"temp"："30"，

……

}

……

}

4? 天氣預報APP組件界面設計

本系統的屏幕（Screen）布局設計如圖2、圖3所示，天氣查詢界面如圖2所示，輸入城市名單擊“查詢”按鈕后顯示的界面如圖3所示，組件界面設計如圖4所示。

（1）如圖2所示，屏幕上方是查詢天氣輸入框，在輸入框里填入要查詢的城市后，單擊“查詢”按鈕即可查詢該城市的天氣狀況。所使用的組件有水平布局、標簽、文本輸入框、按鈕等等。

（2）通信連接Web客戶端1個：把網址設置為京東萬象和風天氣API的接口地址，用來獲取返回的信息以及進行解析。

（3）語音合成器1個：使用語音播報查詢到的某城市天氣情況。

5? 京東萬象平臺

系統需求方使用數據服務方（或大數據交易平臺）提供的數據接口獲得所需要的數據。這些數據經過平臺的處理與分析，能很好地滿足需求方對數據的需求。天氣預報APP調用的API接口是大數據交易平臺中的京東萬象平臺提供的“世界和中國天氣預報”程序，它能提供全球5萬多個城市實時和近7天的天氣、氣溫、風力、風向等數據信息。京東萬象平臺的天氣數據采用JSON格式數據，編寫的格式比較簡單，很適合初學者使用，平臺每天都可以有5 000次的免費請求，滿足簡單程序的編寫。初學者在京東萬象平臺上注冊并申請一個APPKEY即可使用該數據接口獲取數據。調用京東萬象平臺天氣API的鏈接地址為：https：//way.jd.com/he/freeweather？city=城市名&appkey=您的密鑰。涉及的程序代碼塊如圖5所示。

6? 天氣預報APP程序設計

當京東萬象平臺數據服務的API返回數據時，解析JSON數據，獲取相關關鍵字的值，并顯示在屏幕上。我們要在JSON返回文本中查找關鍵字“weather”對應的值，可以通過列表組件提供的“在鍵值列表…中查找…，沒找到返回”方法來實現。此方法需要3個輸入值：鍵值對“列表”、關鍵字以及找不到時的提示信息。根據JSON返回的文本結構，先查找第1層結構中關鍵字“result”對應的值，然后在其返回的結果（鍵值對“列表”）里查找第2層結構中關鍵字“result”對應的值，最后在其返回的結果里（鍵值對“列表”）查找第3層結構中關鍵字“weather”對應的值。用這樣的方式，通過3層查找來找出關鍵字“weather”得到對應的值，并賦值給標簽（“標簽_天氣數據”）來顯示數據，如圖6所示。

當輸入城市名，點擊“查詢”按鈕時，設置Web客戶端的網址并向京東萬象平臺API發送數據請求服務。調用語音合成器來將查詢結果（文本）轉換成語音，通過設備的揚聲器進行播報，Web客戶端獲得文本事件的完整代碼塊如圖7所示。

7? 結? 論

從本文介紹的基于App Inventor積木式編程API調用的天氣預報APP系統的設計與實現可以看出，其結構簡單，操作便捷，體現出App Inventor積木式編程軟件編寫簡易的特點。2017年7月國務院印發《新一代人工智能發展規劃》，強調“在中小學階段設置人工智能相關課程，逐步推廣編程教育”，而本系統的程序設計在互聯網環境下，App Inventor積木式編程作為編程入門的課程在初級中學普及開展，學生利用積木式編程開發手機APP，更好地提升自身的信息技術素養，適應新時代的發展。

參考文獻：

[1] 金從軍.App Inventor開發訓練營 [M].北京：人民郵電出版社，2018.

[2] 廣州市教育研究院.信息技術 小學：第2冊 [M].廣東：廣東教育出版社，2015.

[3] 白乃遠，曾奕霖.App Inventor 2 Android應用開發實戰 [M].北京：電子工業出版社，2017.

[4] 魯丹，李欣，陳金傳.基于API技術的數字人文基礎設施的構建 [J].圖書館學研究，2019（13）：42-46+57.

[5] 魏曉風，蔣家傅，鐘紅，等.我國中小學編程教育發展的路徑思考 [J].中國教育信息化，2018（24）：1-4+9.

作者簡介：劉載興（1963—），男，漢族，廣東廣州人，中學高級教師，碩士研究生，研究方向：計算機技術教育、中小學信息技術教育、人工智能。