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