# 分享功能测试指南 ## 🧪 测试步骤 ### 1. 准备测试环境 1. 确保项目已正确编译 2. 在微信开发者工具中打开项目 3. 导航到房源详情页面 ### 2. 测试复制链接功能 **步骤**: 1. 在房源详情页面点击"分享"按钮 2. 在分享弹窗中选择"复制链接" 3. 检查是否显示"链接复制成功"提示 **预期结果**: - 显示成功提示 - 剪贴板中包含房源信息和链接 ### 3. 测试生成海报功能 **步骤**: 1. 在房源详情页面点击"分享"按钮 2. 在分享弹窗中选择"生成海报" 3. 等待海报生成完成 4. 检查海报是否正确显示 5. 点击"保存海报图"按钮 **预期结果**: - 海报弹窗正常显示 - 海报图片为房源的第一张图片 - 保存功能正常工作 ### 4. 测试微信分享功能 **步骤**: 1. 在房源详情页面点击"分享"按钮 2. 选择"发送给微信好友"或"分享到朋友圈" 3. 检查是否显示相应的提示 **预期结果**: - 显示"请点击右上角分享"提示 - 全局分享数据已正确设置 ## 🔍 调试信息 ### 检查控制台输出 如果遇到问题,请检查控制台是否有以下错误: - `TypeError: app.apiCall is not a function` - 应该已修复 - `SettingModel.h5Url is not a function` - 复制链接会降级处理 - 其他网络相关错误 ### 检查数据状态 在分享前确认以下数据: ```javascript // 在控制台中检查 console.log('房源信息:', this.form) console.log('图片列表:', this.swiperList) console.log('分享标题:', this.shareTitle) console.log('分享图片:', this.shareImageUrl) console.log('海报API:', this.posterApiCall) ``` ## 🐛 常见问题及解决方案 ### 1. 海报生成失败 **可能原因**: - 房源没有图片 - 网络连接问题 **解决方案**: - 检查房源是否有图片 - 确保网络连接正常 - 查看控制台错误信息 ### 2. 复制链接失败 **可能原因**: - 剪贴板权限问题 - H5地址获取失败 **解决方案**: - 已实现降级处理,会使用页面路径 - 检查用户是否授权剪贴板权限 ### 3. 微信分享无效 **可能原因**: - 全局分享数据未正确设置 - 小程序分享配置问题 **解决方案**: - 检查 `uni.$u.mpShare` 是否正确设置 - 确认小程序分享权限配置 ## ✅ 测试检查清单 - [ ] 分享按钮正常显示 - [ ] 分享弹窗正常打开 - [ ] 复制链接功能正常 - [ ] 生成海报功能正常 - [ ] 海报保存功能正常 - [ ] 微信分享提示正常 - [ ] 无控制台错误 - [ ] 分享数据正确设置 ## 📝 测试报告模板 **测试环境**: - 设备:[设备型号] - 系统:[操作系统版本] - 微信版本:[微信版本] - 开发者工具版本:[版本号] **测试结果**: - 复制链接:✅/❌ - 生成海报:✅/❌ - 保存海报:✅/❌ - 微信分享:✅/❌ **问题描述**: [如有问题,请详细描述] **错误信息**: [如有错误,请提供控制台输出]