杰森气象——实况天气小程序（内附完整源码）

杰森气象——实况天气小程序（内附完整源码）

👲👲作者主页：🔗杰森的博客
📒📒本文摘要：基于和风天气实现的实况天气微信小程序
💖💖如果本文帮助到你的话，还请各位小伙伴👍点赞➕收藏⭐➕评论💭支持杰森呀✌️

项目介绍

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

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

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

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

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

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

UI设计

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

技术接口

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

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

地图定位：腾讯地图

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

项目启动

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

//部分接口要用到收费 api
export const privateKey = 'you_api_key'export const freeKeyList = [//因为和风天气免费api日调取次数有限制，所以可以多申请几个账户'you_api_key1','you_api_key2'
]

然后启动即可

C站的资源上传后各位需要积分才能下载，因此源码放在了 工粽hao【攻城狮杰森】，回复【杰森气象】即可免费获取