微信分享操作指南.md 5.1 KB
微信分享操作指南
📱 在微信中分享的步骤
步骤1：打开分享页面
- 扫描二维码或复制链接到微信
- 在微信中打开：
https://www.chengyantek.cn/share - 页面会自动加载并配置微信JSSDK
步骤2：查看分享内容（可选）
- 页面会显示分享图片
- 分享内容已自动设置好：
- 标题：Lyrria - 英语语音助手
- 描述：快来体验AI英语对话助手吧！
- 图片：页面显示的图片
- 链接：当前页面URL
步骤3：点击分享按钮
在微信浏览器中：
- 点击页面上的 "点击查看分享提示" 按钮（绿色微信按钮）
- 会弹出提示：
📱 请点击右上角"⋯"按钮\n选择"发送给朋友"或"分享到朋友圈"
步骤4：使用微信分享功能
方法1：分享给朋友
- 点击微信右上角的 "⋯" 按钮（三个点）
- 选择 "发送给朋友"
- 选择要分享的好友或群聊
- 点击 "发送"
方法2：分享到朋友圈
- 点击微信右上角的 "⋯" 按钮（三个点）
- 选择 "分享到朋友圈"
- 编辑朋友圈内容（可选）
- 点击 "发表"
🎯 分享内容说明
自动设置的分享内容
当你在微信中打开分享页面时，JSSDK会自动设置以下内容：
| 项目 | 内容 |
|---|---|
| 标题 | Lyrria - 英语语音助手 |
| 描述 | 快来体验AI英语对话助手吧！ |
| 链接 | https://www.chengyantek.cn/share |
| 图片 | 页面显示的图片 |
分享卡片预览
当好友收到你分享的内容时，会看到：
- 标题：Lyrria - 英语语音助手
- 描述：快来体验AI英语对话助手吧！
- 图片：分享图片的缩略图
- 链接：点击可打开分享页面
🔍 常见问题
Q1: 点击"分享到微信"按钮后没有反应？
可能原因：
- JSSDK未加载完成
- 网络问题
解决方法：
- 等待几秒钟，让JSSDK加载完成
- 刷新页面重试
- 检查网络连接
Q2: 点击右上角"⋯"按钮后，分享内容不对？
可能原因：
- JSSDK配置未生效
- 缓存问题
解决方法：
- 清除微信缓存
- 重新打开页面
- 等待JSSDK配置完成（看到"微信分享功能已就绪"提示）
Q3: 分享后好友看到的图片不对？
可能原因：
- 图片URL不正确
- 图片无法访问
解决方法：
- 检查图片URL是否可以访问
- 确保图片是HTTPS链接
- 确保图片大小符合要求（建议小于2MB）
Q4: 可以直接选择好友分享吗？
答案：不可以。
原因：
- 微信JSSDK无法直接打开选择好友界面
- 只能设置分享内容，用户需要手动点击右上角按钮分享
操作流程：
- JSSDK设置分享内容
- 用户点击右上角"⋯"按钮
- 选择"发送给朋友"或"分享到朋友圈"
- 选择好友并发送
📋 完整操作流程
流程图
1. 扫描二维码/复制链接
↓
2. 在微信中打开分享页面
↓
3. JSSDK自动配置分享内容
↓
4. 点击"点击查看分享提示"按钮（可选）
↓
5. 点击微信右上角"⋯"按钮
↓
6. 选择"发送给朋友"或"分享到朋友圈"
↓
7. 选择好友/群聊
↓
8. 发送/发表
✅ 成功标志
分享内容设置成功
如果你看到以下提示，说明分享内容已设置成功：
- ✅ "微信分享功能已就绪"
- ✅ "分享成功！"（在控制台看到
updateAppMessageShareData:ok）
分享操作成功
当你点击右上角"⋯"按钮时：
- ✅ 可以看到"发送给朋友"和"分享到朋友圈"选项
- ✅ 分享卡片显示正确的标题、描述和图片
🎯 总结
在微信中分享的步骤：
- 打开分享页面（扫描二维码或复制链接）
- 等待JSSDK配置完成（看到"微信分享功能已就绪"提示）
- 点击右上角"⋯"按钮
- 选择"发送给朋友"或"分享到朋友圈"
- 选择好友并发送
关键点：
- JSSDK会自动设置分享内容
- 用户需要手动点击右上角按钮分享
- 无法直接打开选择好友界面（微信限制）
📱 操作示意图
┌─────────────────────────┐
│ 微信浏览器 │
│ ┌───────────────────┐ │
│ │ 分享页面内容 │ │
│ │ [图片] │ │
│ │ [分享按钮] │ │
│ └───────────────────┘ │
│ ↑ │
│ │ │
│ 点击右上角"⋯"按钮 │
│ ↓ │
│ ┌───────────────────┐ │
│ │ 发送给朋友 │ │
│ │ 分享到朋友圈 │ │
│ └───────────────────┘ │
└─────────────────────────┘
现在你可以按照以上步骤在微信中分享内容了！🎉