feat(house): 添加房源卖价和总价功能并优化分享流程
- 在房源添加页面添加卖价(元/平)和总价(万)输入字段 - 实现卖价变动时总价自动计算功能 - 在房源详情页显示卖价和总价信息 - 调整物业费显示位置提升界面布局合理性 - 更新服务器配置地址从gxwebsoft.com到websoft.top - 替换必看好房标签为特价好房标签统一显示 - 修复房源详情页分享功能和海报生成流程 - 添加跟进记录页面和相应跳转功能 - 优化房源管理页面删除按钮显示逻辑 - 实现闪屏页跳过功能和登录状态记忆 - 添加房源海报生成组件支持分享推广 - 修复分享路径参数传递和用户信息存储
This commit is contained in:
184
海报功能测试指南.md
Normal file
184
海报功能测试指南.md
Normal file
@@ -0,0 +1,184 @@
|
||||
# 海报功能测试指南
|
||||
|
||||
## 🚀 如何测试修复后的海报功能
|
||||
|
||||
### 1. 启动项目
|
||||
|
||||
#### 使用HBuilderX（推荐）
|
||||
1. 打开HBuilderX
|
||||
2. 导入项目文件夹
|
||||
3. 选择"运行" -> "运行到小程序模拟器" -> "微信开发者工具"
|
||||
|
||||
#### 使用微信开发者工具
|
||||
1. 打开微信开发者工具
|
||||
2. 选择"导入项目"
|
||||
3. 选择项目根目录
|
||||
4. 项目类型选择"小程序"
|
||||
|
||||
### 2. 测试步骤
|
||||
|
||||
#### 步骤1：打开控制台
|
||||
在微信开发者工具中：
|
||||
1. 点击"调试器"标签
|
||||
2. 打开"Console"面板
|
||||
3. 确保能看到日志输出
|
||||
|
||||
#### 步骤2：进入房源详情页面
|
||||
1. 在小程序中导航到房源列表页面
|
||||
2. 选择任意一个房源，点击进入详情页面
|
||||
3. 等待房源信息加载完成
|
||||
|
||||
#### 步骤3：测试海报生成功能
|
||||
1. 在房源详情页面，点击底部的"分享"按钮
|
||||
2. 在弹出的分享面板中，点击"生成海报"选项
|
||||
3. 观察控制台输出和海报弹窗
|
||||
|
||||
### 3. 预期结果
|
||||
|
||||
#### 控制台日志输出
|
||||
应该看到以下日志（按顺序）：
|
||||
|
||||
```javascript
|
||||
// 1. 分享按钮点击时
|
||||
分享数据设置完成: {
|
||||
shareTitle: "房源标题 租金元/月",
|
||||
shareImageUrl: "图片URL或空字符串",
|
||||
posterApiParam: { houseId: xxx, houseTitle: "...", ... }
|
||||
}
|
||||
|
||||
// 2. ShareSheet组件处理
|
||||
ShareSheet handlePoster 被调用
|
||||
posterApiCall 类型: function
|
||||
posterApiCall 函数: ƒ generateHousePoster(params) { ... }
|
||||
posterApiParam: { houseId: xxx, houseTitle: "...", ... }
|
||||
|
||||
// 3. GoodsPosterPopup组件处理
|
||||
GoodsPosterPopup onShowPopup 被调用
|
||||
apiCall 类型: function
|
||||
apiCall 函数: ƒ generateHousePoster(params) { ... }
|
||||
apiParam: { houseId: xxx, houseTitle: "...", ... }
|
||||
platform: undefined
|
||||
调用 apiCall，参数: { houseId: xxx, ..., channel: undefined }
|
||||
|
||||
// 4. generateHousePoster函数执行
|
||||
generateHousePoster 被调用，参数: { houseId: xxx, ..., channel: undefined }
|
||||
当前房源图片列表: [...]
|
||||
房源信息: { houseTitle: "...", monthlyRent: xxx, ... }
|
||||
|
||||
// 5a. 如果有房源图片
|
||||
第一张图片对象: { url: "图片URL", ... }
|
||||
提取的图片URL: "图片URL"
|
||||
使用房源图片作为海报: "图片URL"
|
||||
|
||||
// 5b. 如果没有房源图片
|
||||
没有可用的房源图片，生成默认海报
|
||||
生成默认海报，房源信息: { houseTitle: "...", monthlyRent: xxx, ... }
|
||||
生成的默认海报URL: "https://dummyimage.com/..."
|
||||
生成默认海报成功: "https://dummyimage.com/..."
|
||||
|
||||
// 6. 最终结果
|
||||
apiCall 调用成功，结果: { data: { imageUrl: "图片URL" } }
|
||||
海报图片URL设置成功: "图片URL"
|
||||
```
|
||||
|
||||
#### 界面表现
|
||||
1. **海报弹窗正常显示**：应该看到一个居中的弹窗，包含海报图片
|
||||
2. **海报图片正常加载**：
|
||||
- 如果房源有图片：显示房源的第一张图片
|
||||
- 如果房源没有图片：显示包含房源信息的默认海报
|
||||
3. **保存功能正常**：点击"保存海报图"按钮，应该能正常保存到相册
|
||||
|
||||
#### 错误情况处理
|
||||
如果出现错误，应该看到友好的提示信息，而不是控制台错误：
|
||||
- "海报生成功能异常"
|
||||
- "海报生成失败"
|
||||
|
||||
### 4. 常见问题排查
|
||||
|
||||
#### 问题1：仍然出现 "app.apiCall is not a function" 错误
|
||||
**可能原因**：
|
||||
- 缓存问题，需要清除小程序缓存
|
||||
- 代码修改未生效
|
||||
|
||||
**解决方案**：
|
||||
1. 在微信开发者工具中点击"清缓存" -> "清除数据缓存"
|
||||
2. 重新编译项目
|
||||
3. 检查代码修改是否保存
|
||||
|
||||
#### 问题2：海报弹窗不显示
|
||||
**检查控制台日志**：
|
||||
- 确认 `posterApiCall` 类型是 `function`
|
||||
- 确认 `generateHousePoster` 被正确调用
|
||||
- 查看是否有其他错误信息
|
||||
|
||||
#### 问题3：海报图片不显示
|
||||
**可能原因**：
|
||||
- 图片URL无效
|
||||
- 网络问题
|
||||
- 图片格式不支持
|
||||
|
||||
**检查方法**：
|
||||
1. 查看控制台中的图片URL
|
||||
2. 在浏览器中直接访问图片URL验证是否有效
|
||||
3. 检查网络连接
|
||||
|
||||
#### 问题4：默认海报不生成
|
||||
**检查控制台日志**：
|
||||
- 确认进入了 `generateTextPoster` 方法
|
||||
- 查看房源信息是否正确获取
|
||||
- 检查默认海报URL是否生成
|
||||
|
||||
### 5. 测试用例
|
||||
|
||||
#### 测试用例1：有图片的房源
|
||||
1. 选择一个有图片的房源
|
||||
2. 执行海报生成流程
|
||||
3. 验证使用房源图片作为海报
|
||||
|
||||
#### 测试用例2：没有图片的房源
|
||||
1. 选择一个没有图片的房源（或手动清空图片数据）
|
||||
2. 执行海报生成流程
|
||||
3. 验证生成默认海报
|
||||
|
||||
#### 测试用例3：网络异常情况
|
||||
1. 断开网络连接
|
||||
2. 执行海报生成流程
|
||||
3. 验证错误处理是否正常
|
||||
|
||||
### 6. 性能测试
|
||||
|
||||
#### 测试海报生成速度
|
||||
1. 记录从点击"生成海报"到海报显示的时间
|
||||
2. 应该在2-3秒内完成
|
||||
3. 如果超时，检查图片加载和网络情况
|
||||
|
||||
#### 测试内存使用
|
||||
1. 在开发者工具中查看内存使用情况
|
||||
2. 多次生成海报，确认没有内存泄漏
|
||||
|
||||
### 7. 兼容性测试
|
||||
|
||||
#### 不同设备测试
|
||||
1. 在不同型号的手机上测试
|
||||
2. 测试不同版本的微信客户端
|
||||
3. 确保功能在各种环境下都能正常工作
|
||||
|
||||
### 8. 修复验证清单
|
||||
|
||||
- [ ] 控制台不再出现 "app.apiCall is not a function" 错误
|
||||
- [ ] 海报弹窗能正常显示
|
||||
- [ ] 有图片的房源能正确显示房源图片作为海报
|
||||
- [ ] 没有图片的房源能生成默认海报
|
||||
- [ ] 海报保存功能正常
|
||||
- [ ] 错误情况有友好的提示信息
|
||||
- [ ] 分享其他功能（复制链接、微信分享等）不受影响
|
||||
|
||||
## 🎯 总结
|
||||
|
||||
如果以上测试都通过，说明海报生成功能已经修复成功。如果仍有问题，请提供：
|
||||
|
||||
1. 完整的控制台错误信息
|
||||
2. 具体的操作步骤
|
||||
3. 出现问题的环境信息（设备型号、微信版本等）
|
||||
|
||||
这将帮助进一步诊断和解决问题。
|
||||
Reference in New Issue
Block a user