微信小程序获取实时天气

一、实验目标

1、掌握服务器域名配置和临时服务器部署；2、掌握 wx.request 接口的用法。

二、实验步骤

1.使用和风天气申请key

2.导航栏设计

3.页面设计

4.逻辑实现

更新地区信息

获取所选城市的locationID

获取天气信息

显示天气信息

三、程序运行结果

初始界面

修改地区

更新天气情况

四、问题总结与体会

在获取实时天气状况的时候，发现使用的API参数已经发生改变，需要城市的locationID作为参数进行查询。在此基础上，再添加一步获取locationID的操作，使用和风天气获取ID的接口，成功实现天气的展示。

在全部功能实现后，仍然有报错，但是不影响结果。

在经过网上查阅之后，是因为在onLoad阶段，并没有天气信息，所以无法正常显示，经过修改

没有报错。

微信小程序获取实时天气相关推荐

微信小程序获取实时定位（记录）
首先在app.json里配置: "requiredBackgroundModes": ["location"] 在需要定位的页面js里: getUserLoca ...
android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
最新微信小程序获取音频时长与实时获取播放进度
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
微信小程序获取input输入的值
微信小程序获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...
微信小程序获取系统日期和时间 —— 微信小程序教程系列（17）
获取当前系统日期和时间在小程序中,新建项目时,就会有一个utils.js文件,就是获取日期和时间的,代码如下: utils.js: function formatTime(date) {var ye ...
微信小程序渲染实时时间
微信小程序渲染实时时间 1.看看在框架目录中是否有util文件夹,它用来存放工具栏的JavaScript函数 2.在要获取时间的.js文件中加载util.js文件 3.在onload方法中,调用uti ...
uni-app 小程序获取实时定位和车辆签到（wx.onLocationChange方法）
1.需求描述实现一个车辆定位签到功能,获取当前车辆的实时定位,当车辆到达签到点1公里范围内时,可以进行签到,当大于1公里时,禁止签到.同时用户还可以手动刷新定位. 2.wx.getL ...
uni-app 小程序获取实时定位和车辆签到（wx.getLocation方法）
一.需求描述实现一个车辆定位签到功能,获取当前车辆的实时定位,当车辆到达签到点1公里范围内时,可以进行签到,当大于1公里时,禁止签到.同时用户还可以手动刷新定位. 二.wx.getLocation ...
微信小程序获取openid和session_key并且把openid存入数据库
微信小程序开发交流qq群 581478349 微信小程序获取openid和session_key并且把openid存入数据库.已经调用openid的demo 前后端代码都有,后端php实现在其它 ...