师：今天我们来学习初中二年级广州版信息技术教材第三章第四节，调用API制作天气预报APP。小轩同学跟老师说，他通过调用云数据做了个天气预报APP。这是一款怎样的APP呢？一起来看看。在APP里输入城市名称，能查询该城市当天天气情况，还能根据查询结果自动同步语音播报。比如输入“广州”，点击查询按钮，就能看到广州的天气情况是晴。通过这个案例体验，大家清楚这款APP的功能了吧？那小轩同学是如何调用云数据制作这款天气预报APP的呢？本节课老师将带领大家了解网络API的应用，理解API的调用方法，并学会调用API制作天气预报APP。首先，我们一起来了解天气预报APP的组件界面设计。请同学们跟着微课操作。
按以下步骤对天气预报应用进行组件界面设计：
单击组件面板界面布局中的水平布局，拖动到工作面板的screen1中。
单击宽度属性，选择充满，再单击确定。
再次单击组件面板界面布局中的水平布局，拖动到工作面板的screen1中。
单击宽度属性，选择充满，单击确定。
单击组件面板用户界面中的文本输入框，拖动到工作面板的水平布局1中。
单击组件面板用户界面中的按钮，拖动到工作面板的水平布局1中，在属性面板中将按钮的显示文本改为“查询”。
单击组件面板用户界面中的标签，拖动到工作面板的水平布局2中。
在属性面板中将标签的显示文本改为“天气情况”。
再次单击组件面板用户界面中的标签，拖动到工作面板的水平布局2中。
在属性面板中将标签的显示文本改为“天气数据”。
单击组件面板的通信连接，拖动Web客户端到工作面板中。
单击组件面板的多媒体，拖动文本语音转换器到工作面板中。
界面设计好后，在组件列表中将组件名称改为直观易懂的名称。制作天气预报APP，我们使用的组件有screen组件、水平布局组件、文本输入框组件、按钮组件、标签组件、Web客户端组件、文本语音转换器组件。我们要对组件进行合适的属性设置：
screen组件属于默认面板组件，命名为screen1，该组件的标题属性设置为“天气预报”。
水平布局组件属于用户界面面板组，使用两个，分别命名为水平布局1和水平布局2，组件的宽度属性均设置为充满。
文本输入框组件属于用户界面面板，组件命名为文本输入框城市，组件属性使用默认设置。
按钮组件属于用户界面板，组件命名为按钮查询，文本属性设置为“查询”。
标签组件属于用户界面面板组，共使用两个标签组件，其中一个命名为标签天气情况，文本属性设置为“天气情况”，另一个标签组件命名为标签天气数据，文本属性设置为“天气数据”。
Web客户端组件属于通信连接面板组，命名为Web客户端1，该组件的属性设置使用默认设置。
文本语音转换器组件属于多媒体面板，组件命名为文本语音转换器1，组件设置使用默认设置。
组件设置完成后，请同学们思考下这些组件分别起什么作用。我们梳理一下，通过文本输入框输入要查询的城市，通过按钮组件触发获取网络数据，并将数据显示在标签天气数据中，使用文本语音转换器实现用语音播报查询的天气情况。使用Web客户端，从Web服务器的API中获取数据。那什么是API呢？API又称应用程序接口，天气预报需要综合大量数据进行专业化处理，我们要按照特定规范调用，才能获得所需专业数据，这就是调用API，即调用应用程序接口。那如何调用API呢？下面以京东万象中全国天气预报API为例介绍API的调用。首先打开网页，在地址栏输入网址，用京东账号登录网页，在搜索框输入关键词“全国天气预报”进行搜索，在搜索结果中选择全国天气预报API，点击进入，点击“立即测试”，就能获得全国天气预报API的调试信息，利用调试信息就能实现全国天气预报API的调用。接下来，我们在编程设计中更具体地理解API的调用。
根据各组件应实现的功能，编程设计需要实现两点：
查询信息的请求，根据输入的城市名称发起查询天气信息的请求。
响应请求并显示播报，Web客户端通过调用全国天气预报API获取文本响应请求，并通过文本语音转换器进行语音播报。
那如何实现发起查询信息的请求呢？请同学们跟着微课动手做：
单击窗口右上方的逻辑设计按钮。在模块区域单击按钮查询组件，在右侧单击“当按钮被点击时”事件。
在模块区域单击Web客户端1组件，在右侧单击“设置Web客户端的网址为”，拖动到“当按钮被点击”的执行模块中。
在模块区域单击文本组件，在右侧单击“合并字符串”。
在模块区域单击文本组件，在右侧单击“空字符串”，拖动“空字符串”到“合并字符串”模块中并输入内容。
在模块区域单击Web客户端1组件，在右侧单击“调用Web客户端的URI编码”，拖动到“合并字符串”模块中。
在模块区域单击文本输入框城市组件，在右侧单击“文本输入框城市的文本”，拖动到“URI编码的文本”模块中。
在模块区域单击文本组件，在右侧单击“空字符串”，拖动“空字符串”到“合并字符串”模块中并输入内容。
在模块区域单击Web客户端1组件，在右侧单击“调用Web客户端的执行get请求”，拖动到“当按钮被点击”的执行模块中。
发起查询信息的请求，就是设置按钮查询的被点击事件。当查询按钮被点击时，设置Web客户端1的网址，并调用Web客户端执行get请求，向服务器提交服务请求。Web客户端1的网址取自全国天气预报API调用后的调试信息中的URL地址，不过在设置网址过程中，小瑞同学有疑问。
生：杨老师您好，请问我能否将调试信息中的URL地址直接整体设置为Web客户端1的网址呢？像这样设置。
师：我们来看这个网址，网址中出现了“广州”这一城市名称，它由我们输入决定，要查询不同城市天气情况，城市名称会变化。如果直接将调试信息中的URL地址整体设置为Web客户端1的网址，不管输入什么城市名称，都会显示广州的天气情况，这就出错了。所以在设置网址时，要以城市名称为界，将网址分为三段，采用合并字符串的方式组合。