App Inventor 2制作天气预报

前言

• 在App inventor2中使用百度地图开放API制作天气预报的app实验，需要先去百度地图开放平台申请并获取到相关的ak，此处需要两个API，一个是根据行政区划编码获取天气的信息，另一个是根据输入的城市名查询并返回行政区划编码；

组件设计

如图所示：
注：因为是要调用两次API，为了便于区分、不混淆，所以放了两个web客户端

逻辑设计

基本逻辑

当按钮被点击的时候，要实现将输入的城市名放入行政区划编码API中获取行政区划编码，将获取到的行政区划编码放入天气信息API中获取天气信息，并由标签展示查询到的数据

1. 将输入的城市名放入行政区划编码API中获取行政区划编码
   
   API格式：
   

2. 将返回的json数据解析并获取到行政区划编码，并调用通过API获取天气信息的方法块
   注：变量可根据实际选择局部变量或全局变量，此处以全局变量为主，App Inventor 2中下标以 1 为起点
   
   优化后：
   

3. 将得到的行政区划编码放入天气信息API中获取天气信息
   API格式：
   
   

4. 解析返回的天气数据并根据需求选择展示
   此处返回的数据：
   
   注：变量可根据实际选择局部变量或全局变量，此处以全局变量为主
   
   优化后：
   

5. 效果图
   

总结

以上就是App Inventor2 通过百度地图开放平台的API获取城市天气预报的逻辑和实现代码，如有错误请联系本人