美文网首页
开源一个天气小程序:轻松天气

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

作者: 文弱书生陈皮皮 | 来源:发表于2020-09-09 13:44 被阅读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

    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.

    相关文章

      网友评论

          本文标题:开源一个天气小程序:轻松天气

          本文链接:https://www.haomeiwen.com/subject/hmreektx.html