|
一、系统概述 「互动记录助手」是一套基于 PHP + SQLite 的轻量级消息已读追踪与客服管理系统。用户可通过创建消息卡片或朋友圈卡片，生成专属分享链接发送给微信/QQ好友，实时追踪好友是否已读、访问次数和时间。系统内置客服聊天、卡密授权、退款投诉等功能，适合需要追踪消息送达状态的各类场景。 技术栈- 后端：PHP 7+ / SQLite
- 前端：单页应用（SPA），原生 HTML+CSS+JS
- 数据库：SQLite（8 张业务表）
- 部署：单文件架构，无需复杂配置
二、用户端功能2.1 功能选择页系统首页提供功能选择入口，用户可根据需要选择不同的追踪模式： - 消息已读：模拟聊天消息卡片，查看好友是否打开阅读
- 朋友圈访客：模拟朋友圈动态卡片，查看访客和浏览数据
当前版本默认使用"消息已读"模式。 2.2 创建分享卡片用户填写信息生成分享卡片，核心操作流程： - 填写内容：输入对方姓名、消息内容，可选上传配图
- 提交生成：系统生成专属二维码和分享链接
- 自己扫码：用自己的微信扫描二维码打开页面
- 分享好友：在微信内点击右上角「...」分享给好友
- 查看记录：好友打开后自动记录访问数据
支持 JPG / PNG / GIF / WebP 格式图片上传（最大 5MB）。 2.3 记录管理所有创建的卡片集中管理，提供完整的追踪数据： - 统计看板：总记录数、已读数、未读数（消息模式）/ 有访客数、无访客数（朋友圈模式）
- 搜索筛选：支持按标题、姓名、内容搜索，可按"全部/未读/已读"筛选
- 记录列表：每条记录显示内容预览、状态标识、创建时间
- 记录操作：查看详情（含访客 IP 和访问时间）、重新分享（再次显示二维码）、删除记录
- 自动刷新：页面每 10 秒自动刷新，倒计时显示
2.4 消息详情点击记录可查看完整的访问详情： - 消息/朋友圈的标题、内容、图片
- 已读/未读状态
- 访问次数统计
- 访客列表（每次访问的 IP 地址和访问时间）
2.5 个人中心"我的"页面为用户提供个人管理和帮助入口： 用户信息卡片：当前身份（会员/游客）、卡密到期时间 说明卡片（后台可自定义文案）： 帮助与售后按钮： - 售后客服：打开在线客服聊天
- 申请退款：提交退款申请
- 投诉举报：提交投诉信息
- 售后进度：查看处理进展
- 使用教程：查看图文和视频教程
- 切换工具：返回功能选择页
账户管理：注销全部数据（清除消息、访客、聊天记录，重置卡密状态） 2.6 卡密兑换支持卡密授权机制，用户输入卡密后获得会员权限： - 输入卡密兑换，系统自动识别有效期
- 支持 URL 直达兑换：访问 域名/kamiXXXXX 自动兑换
- 兑换成功后自动跳转创建页
- 管理员可选择关闭卡密验证（免费模式）
2.7 在线客服聊天完整的客服聊天系统，支持图文消息： - 聊天界面：微信风格聊天气泡，用户消息绿色居右，客服消息白色居左
- 快捷关键词：底部横向滚动展示后台预设关键词，点击自动回复对应图文
- 消息类型：
- 文字消息
- 图片消息
- 表情/贴纸（56 个精选 GIF 贴纸）
- 输入工具：表情选择器、图片上传、语音（预留）
- 实时刷新：消息每 3 秒自动刷新，关键词每 30 秒更新
2.8 使用教程弹窗形式展示使用教程，分两个 Tab： - 图文教程：4 个步骤说明，每步标题和描述均可后台自定义
- 视频教程：支持 mp4 / m3u8 视频链接（后台配置，未配置时显示占位提示）
2.9 退款与投诉退款申请： - 选择平台（抖音/快手/小红书/微信/其他）
- 填写商家短视频账号
- 上传付款截图（可选）
- 选择退款原因：功能与描述不符 / 无法正常使用 / 重复购买 / 其他
- 补充详细说明
投诉举报： - 选择平台
- 填写商家账号
- 上传证据截图
- 选择投诉类型：诱导付款 / 虚假宣传 / 欺诈 / 其他
- 填写投诉详情
提交后自动同步到客服聊天和后台管理。 2.10 微信浏览器拦截当后台开启微信拦截后，用户在微信内打开系统将看到"请在浏览器中打开"提示页，提供一键复制网址按钮，引导用户在 Safari 或 Chrome 等浏览器中打开。
三、后台管理功能后台通过 admin.php 访问，需管理员密码登录。默认密码：admin123（首次登录请立即修改）。 3.1 数据概览登录后的首页看板，展示系统核心数据： 统计卡片： - 总用户数
- 总卡密 / 已用卡密
- 消息卡片总数
- 总访问 / 今日访问
系统信息：系统域名、分享域名、站点标题、PHP 版本 使用提示：快速了解后台各功能模块 数据每 30 秒自动刷新。 3.2 卡密管理生成卡密： - 5 种时长类型：日卡（1天）、周卡（7天）、月卡（30天）、季卡（90天）、年卡（365天）
- 批量生成：一次生成 1~100 个卡密
- 生成结果展示完整 URL（域名/kamiXXXXX），一键复制
卡密列表： - 按类型分 Tab 展示（年卡/季卡/月卡/周卡/日卡）
- 每个 Tab 显示：名称、天数、可用数 / 总数
- 每条卡密显示：完整 URL、类型、天数、创建时间、使用状态（可用/已使用）、使用者 IP
- 可用卡密支持单独删除
- 支持批量复制（复制全部未使用 / 复制本组未使用）
3.3 用户管理- 用户列表展示：ID、IP、卡密类型、身份状态（会员/游客/已过期）、消息数、最后访问、状态（正常/已禁访）
- 搜索功能：按 IP 搜索用户
- 操作功能：删除用户（级联删除消息、访客、聊天记录）、禁访 / 解禁
- 分页浏览（每页 15 条）
3.4 客服工作台完整的客服管理系统，支持实时消息处理： 会话列表（左侧）： - 显示所有有聊天记录的用户
- 未读消息数红色角标
- 最后一条消息预览和时间
- 按未读优先 + 最近消息时间排序
- 5 秒自动刷新，新消息提示音 + Toast 通知
聊天窗口（右侧）： - 选中用户后显示完整聊天历史
- 管理员消息蓝色居右，用户消息灰色居左
- 支持发送文字、表情/贴纸、图片
- 3 秒自动刷新
退款管理（Tab 切换）： - 列表：ID、用户 IP、平台、商家账号、原因、状态、时间
- 搜索筛选：按商家账号/原因/详情/平台搜索，按状态筛选
- 操作：查看详情（含截图）、通过、拒绝
- 分页（每页 15 条）
投诉管理（Tab 切换）： - 列表：ID、用户 IP、平台、商家账号、投诉类型、状态、时间
- 搜索筛选和状态管理同退款管理
- 支持查看详情和截图
快捷关键词（Tab 切换）： - 列表：ID、关键词、标题、内容预览、图片状态、排序
- 添加关键词：关键词（必填）、标题（必填）、图文内容（可选）、图片 URL 或上传（可选）、排序号
- 编辑和删除功能
- 设置的关键词将显示在前端聊天输入框上方
3.5 系统设置所有设置即时生效，分类如下： 基础设置： [td]设置项 | 说明 | | 系统域名 | 用户访问主站的域名 | | 分享域名 | 分享卡片打开的域名（可与主域名不同） | | 站点标题 | 浏览器标签和前端顶部显示 | | 站点副标题 | 前端 Header 描述文字 | | 卡密验证 | 开启/关闭（关闭后无需卡密即可使用） | | 禁止微信打开 | 开启后微信内打开提示用浏览器 |
分享页设置： [td]设置项 | 说明 | | 分享默认图片 | 上传或填写图片 URL | | 分享引导文字 | 分享页顶部浮动提示文字 | | 消息已读分享页标题 | 微信/QQ 分享卡片 OG 标题 | | 消息已读分享页描述 | 微信/QQ 分享卡片 OG 描述 | | 朋友圈访客分享页标题 | 同上 | | 朋友圈访客分享页描述 | 同上 |
微信分享配置（可选）： [td]设置项 | 说明 | | 公众号 AppID | 用于微信 JSSDK 分享配置 | | 公众号 AppSecret | 用于获取 jsapi_ticket | | 第三方微信登录接口 | 替代微信官方接口的 URL |
前端自定义文案： [td]设置项 | 说明 | | 功能选择页标题/描述 | 首页功能入口文字 | | 教程弹窗描述 | 教程整体说明 | | 视频教程链接 | mp4/m3u8 URL（留空不显示视频 Tab） | | 教程步骤 1~4 标题 | 图文教程每步标题 | | 教程步骤 1~4 描述 | 图文教程每步说明 | | 我的页 - 保存入口标题/描述 | 说明卡片文字 | | 我的页 - 使用流程标题/描述 | 说明卡片文字 | | 我的页 - 记录说明标题/描述 | 说明卡片文字 |
安全设置： [td]设置项 | 说明 | | 管理员密码 | 修改后台登录密码（bcrypt 加密） |
四、系统特色- 轻量部署：单 PHP 文件 + SQLite，无需 MySQL，支持虚拟主机
- 消息追踪：实时追踪好友是否已读，精确到访问时间和 IP
- 卡密授权：灵活的卡密体系（日/周/月/季/年），控制用户使用权限
- 在线客服：完整的客服聊天系统，支持图文消息和实时通知
- 快捷关键词：预设常见回复，一键自动应答
- 退款投诉：内置退款和投诉处理流程，工单状态可追踪
- 微信适配：微信浏览器拦截引导，二维码扫码分享流程
- 全可配文案：前端几乎所有文字均可后台自定义
- 移动优先：适配手机端操作，底部 Tab 导航
- 安全机制：IP 绑定、卡密验证、bcrypt 密码、禁访控制
五、使用流程示例场景一：追踪消息已读- 在"创建"页填写对方姓名和消息内容，上传配图（可选）
- 点击"提交并分享"，生成专属二维码
- 打开手机微信，扫描二维码打开分享页
- 在微信内点击右上角「...」，发送给好友
- 好友打开后，在"记录"页即可看到已读状态、访问时间和访问 IP
- 可点击"详情"查看完整访问记录
场景二：客服处理退款- 用户在"我的"页点击"申请退款"，填写退款信息并提交
- 后台客服工作台自动收到退款申请
- 管理员在"退款管理"中查看详情和截图
- 审核后点击"通过"或"拒绝"
- 用户可在客服聊天中追问进展
下载地址
| 
发表于 