毕设项目-天气小程序介绍

一个界面简洁美观的天气微信小程序。

本小程序已在微信中发布,目前也还在运营(其实就是偶尔更新下)。

截图

产品设计的毕设手册(毕设项目-天气小程序)(1)

开发环境

微信开发者工具 Stable

使用说明AppID

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

产品设计的毕设手册(毕设项目-天气小程序)(2)

天气数据

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

使用易源数据

我用的是易源数据-全国天气预报查询(这个 API 是有免费试用套餐的)。

1、购买成功后在管理控制台页面获取到你的 AppCode

产品设计的毕设手册(毕设项目-天气小程序)(3)

2、然后将你的 AppCode 填到 /pages/weather/api.js 里的 appCode 属性中:

产品设计的毕设手册(毕设项目-天气小程序)(4)

3、另外还需要注意将 API 的域名添加到项目配置里的 request 合法域名 中,否则没有办法请求数据:

产品设计的毕设手册(毕设项目-天气小程序)(5)

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

产品设计的毕设手册(毕设项目-天气小程序)(6)

其他数据来源

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

,