开源一个天气小程序:轻松天气
2020-09-09 本文已影响0人
文弱书生陈皮皮
前言
⛅轻松天气
这次开源的小项目是一个微信小程序: 轻松天气
这是我 2017 年还在学校时自己做的一个小程序,也是我做的第一个微信小程序。
虽然这个小玩具挣不了钱,也没什么特别之处,但是对我来说意义重大,想了许久还是决定开源,可以给有需要的人做个参考。
这个小程序的基本特点:
- 简洁风的界面
- 城市天气查询
- 今日天气信息
- 未来 6 天天气
- 今日出行建议
- 分享当前天气
📷截图
目前这个小程序也还在运营(其实就是偶尔更新下)。
在微信搜一搜里搜索“轻松天气”,出现的第一个小程序就是了:
image界面长这样:
image正文
🔗项目地址
Gitee:https://gitee.com/ifaswind/miniprogram-easyweather
Github:https://github.com/ifaswind/miniprogram-easyweather
⭐点个 Star 好嘛~
🔧开发工具
我当前编辑这个项目用是:
- 微信开发者工具 Stable 1.03.2006090
但是理论上无论啥版本都可以正常打开运行。
📃使用说明
💳AppID
首次导入项目需要设置 AppID,没有的话可以直接使用测试号~
image🌞天气数据
本小程序里使用的天气数据来源于第三方提供的 API。
使用易源数据
我用的是阿里云云市场里面的易源数据-全国天气预报查询(这个 API 是有免费试用套餐的):
image传送门:https://market.aliyun.com/products/57096001/cmapi010812.html
- 购买成功后在管理控制台页面获取到你的 AppCode:
- 然后将你的 AppCode 填到项目目录下 [ config/config.js ] 里的
request.header
中:
- 另外还需要注意将 API 的域名添加到项目配置里的 request 合法域名 中,否则没有办法请求数据:
或者可以勾选 [ 本地设置 ] 下的 不校验合法域名... 选项来进行本地测试:
image其他数据来源
如果想要使用其他的 API 来获取天气数据也是可以的,只不过需要自行修改代码中的数据结构,问题不大~
传送门
更多分享
公众号
😺菜鸟小栈
💻我是陈皮皮,这是我的个人公众号,专注但不仅限于游戏开发、前端和后端技术记录与分享。
💖每一篇原创都非常用心,你的关注就是我原创的动力!
Input and output.