本套HTML5裂变引流代码专为微信生态开发，实现用户自发传播与社群引流功能。系统通过微信内置浏览器特性触发分享机制，完整操作流程如下：

一、核心功能模块

1. 运行环境检测机制

• 精准识别微信User-Agent（包含MicroMessenger标识）

• 版本兼容性检测（微信客户端6.6.2+）

• 非微信环境提示跳转引导（显示二维码唤醒微信）

2. 分享触发体系

• 自定义分享图片配置（支持JPG/PNG双格式）

• 分享成功回调验证（通过微信JS-SDK接口）

• 实时统计分享次数（本地LocalStorage存储）

二、技术实现方案

1. 图片替换配置

• 默认路径：/images/share-default.jpg

• 建议尺寸：800x800像素（1:1比例）

• 文件命名规范：share-{日期}.jpg

2. 二维码生成逻辑

• 动态获取群二维码（通过API接口实时更新）

• 生成参数：尺寸300x300px/容错率15%

• 渲染技术：Canvas绘图+Base64编码

三、操作指南说明

1. 基础配置步骤

• 替换/images/目录下的分享预览图

• 修改config.js中的群二维码链接

• 部署至HTTPS服务器（微信强制要求）

2. 效果触发流程

• 用户首次访问加载预设图片

• 点击分享按钮调用微信原生接口

• 成功分享3次后显示浮动二维码层

四、注意事项

• 需配置微信JS接口安全域名

• 每日分享次数限制：单个用户10次

• 建议搭配短链接服务减少屏蔽风险

• 二维码存活周期建议设置72小时