天气预报有较多平台提供API，包括百度、阿里、墨迹等等，收费模式不一，提供的API类似。本文介绍和风天气的API在微信小程序中的使用。
展示效果图如下：
展示图
一、注册和免费接口的限制
和风天气提供免费注册（使用邮箱和手机号码注册，过程略），提供免费API使用（1000次/天）。
注册成功后，在管理控制台创建应用，创建成功后，系统显示一个key值，如下图：
应用管理
二、微信小程序调用API
2.1 把url和key值写入到配置文件中，如下图
配置文件
2.2 获取本地地址，根据地址获取天气数据
获取数据方法
获取成功后，数据如下图
获取到的数据
数据包括：地址信息、当前天气信息、天气预报（免费版3天、付费版7天）、生活指数。
2.3 数据展示效果
根据数据，可以根据实际需要设计页面，并把数据展示到页面。
注：如果企业版微信小程序，可以使用web-view调用和风天气的H5页面进行展示，无需页面设计。
数据展示
三、天气图标的使用
在API数据中，有cond_code字段，就是表示天气代码，可以根据风天气提供图标进行匹配展示。图标说明见这里。
有两种方法使用图标，一是采用npm安装到项目，二是下载图标svg。本文介绍下载svg方法。
3.1 下载，并解压到本地。
3.2 删减，留取部分，可以保证文件包大小不致过大。
3.3 修改图标颜色。svg格式修改颜色css如下：
svg格式修改颜色
3.4 xml中使用
图标展示
网友评论