开源一个天气小程序:轻松天气

2020-09-09  本文已影响0人  文弱书生陈皮皮

前言

⛅轻松天气

这次开源的小项目是一个微信小程序: 轻松天气

这是我 2017 年还在学校时自己做的一个小程序,也是我做的第一个微信小程序。

虽然这个小玩具挣不了钱,也没什么特别之处,但是对我来说意义重大,想了许久还是决定开源,可以给有需要的人做个参考。

这个小程序的基本特点:

📷截图

目前这个小程序也还在运营(其实就是偶尔更新下)。

在微信搜一搜里搜索“轻松天气”,出现的第一个小程序就是了:

image

界面长这样:

image

正文

🔗项目地址

Gitee:https://gitee.com/ifaswind/miniprogram-easyweather

Github:https://github.com/ifaswind/miniprogram-easyweather

⭐点个 Star 好嘛~

🔧开发工具

我当前编辑这个项目用是:

但是理论上无论啥版本都可以正常打开运行。

📃使用说明

💳AppID

首次导入项目需要设置 AppID,没有的话可以直接使用测试号~

image

🌞天气数据

本小程序里使用的天气数据来源于第三方提供的 API。

使用易源数据

我用的是阿里云云市场里面的易源数据-全国天气预报查询(这个 API 是有免费试用套餐的):

image

传送门:https://market.aliyun.com/products/57096001/cmapi010812.html

  1. 购买成功后在管理控制台页面获取到你的 AppCode
image
  1. 然后将你的 AppCode 填到项目目录下 [ config/config.js ] 里的 request.header 中:
image
  1. 另外还需要注意将 API 的域名添加到项目配置里的 request 合法域名 中,否则没有办法请求数据:
image

或者可以勾选 [ 本地设置 ] 下的 不校验合法域名... 选项来进行本地测试:

image

其他数据来源

如果想要使用其他的 API 来获取天气数据也是可以的,只不过需要自行修改代码中的数据结构,问题不大~


传送门

微信推文版本

个人博客:菜鸟小栈

开源主页:陈皮皮

Eazax-CCC 游戏开发脚手架

Eazax-CCC 示例在线预览

微信小程序:轻松天气


更多分享

《为什么选择使用 TypeScript ?》

《高斯模糊 Shader》

《一文看懂 YAML》

《Cocos Creator 性能优化:DrawCall》

《互联网运营术语扫盲》

《在 Cocos Creator 里画个炫酷的雷达图》


公众号

😺菜鸟小栈

💻我是陈皮皮,这是我的个人公众号,专注但不仅限于游戏开发、前端和后端技术记录与分享。

💖每一篇原创都非常用心,你的关注就是我原创的动力!

Input and output.

上一篇下一篇

猜你喜欢

热点阅读