# weather-mini

**Repository Path**: duhu321/weather-mini

## Basic Information

- **Project Name**: weather-mini
- **Description**: 微信小程序获取天气demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-17
- **Last Updated**: 2024-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 智能天气助手
___

## 说明
智能天气助手是一个用于根据当前定位获取用户所在地天气信息的小程序

## 技术栈
- 使用 微信小程序 ts-less 模板创建
- 加入tdesign UI组件库 dayjs时间插件库  

## 开发流程
1. 在pages/index 页面中，监听页面显示生命周期进行数据处理
2. 调用 verifyAuthority 方法  获取位置授权，对已授权与未授权分别处理
3. 已授权获取位置信息，通过位置信息调用 openweathermap 根据经纬度获取天气api 拿到数据结构
4. 处理出当前今日预报的天气与未来5天预报的天气结构
5. 编写 day-weather 组件展示当日天气信息
6. 编写 history-weather 组件展示历史天气信息列表
7. 编写 common-box 组件包装 history-weather 用以声明与美化样式
8. 未授权添加 t-empty 组件占位并添加 t-notice-bar 组件提示点击前往授权中心修改权限

## 测试用例没时间写了，简述一下操作流程
1. 安装jest/miniprogram-simulate测试环境
2. 添加tests文件夹
3. 添加测试文件 xx.test.js (ts需安装 ts-jest)
4. 配置 jest.config.js|ts
5. miniprogram-simulate 用以获取组件实例及模拟事件操作
6. jest 用于使用npm进行测试断言，如expect，test，it等函数 在执行npm run test 执行测试程序

如图：
![image](1.png)