项目介绍

当今社会,天气的变化对我们的生活产生着越来越大的影响。为了更好地了解天气状况,越来越多的人开始使用天气查询小程序。今天,介绍的是一款实用的天气查询小程序——杰森气象

杰森气象是一款功能强大的天气查询小程序,它可以帮助我们随时了解天气状况,包括实时天气、预警信息、搜索定位、自动获取定位、7日天气预报、24h天气预报等功能。

实时天气查询功能。通过输入城市名称或选择定位城市,即可查询该城市的实时天气状况,包括温度、湿度、风力等信息。

预警信息查询功能。通过选择城市或输入城市名称,即可查询该城市的天气预警信息,包括台风、暴雨、大风等多种预警信息。

搜索定位和自动获取定位功能。用户可以通过输入城市名称或选择定位城市,即可查询该城市的天气状况。而自动获取定位功能可以帮助我们快速定位当前所在位置,方便用户随时随地查询天气信息。

7日天气预报和24h天气预报功能。通过选择城市或输入城市名称,即可查询该城市未来7天或24小时的天气状况,包括温度、湿度、风力等信息。

UI设计

点我预览杰森气象小程序 圆角矩形、平滑设计、简约而不简单

杰森气象——实况天气小程序(内附完整源码)_天气查询

杰森气象——实况天气小程序(内附完整源码)_微信_02

杰森气象——实况天气小程序(内附完整源码)_搜索_03

技术接口

本项目天气数据来源:和风天气

注意和风天气官方对免费账户每日的 api 调用次数有限制,可以注册多个账户或订阅。
比如杰森测试的时候单日个人请求次数就达到了1.3k+ hhh~

杰森气象——实况天气小程序(内附完整源码)_小程序_04

地图定位:腾讯地图

杰森气象——实况天气小程序(内附完整源码)_微信_05

以上接口的注册都比较容易,注册账户后到开发者控制台新建应用就能看到 key,要注意腾讯的接口要对小程序的 appid 进行授权,注意先注册小程序,不明白的话可以留言或看文末

项目启动

/utils/private-key中设置自己的接口密钥

//部分接口要用到收费 api
export const privateKey = 'you_api_key'

export const freeKeyList = [
    //因为和风天气免费api日调取次数有限制,所以可以多申请几个账户
    'you_api_key1',
    'you_api_key2'
]