Skip to content

基于 chatlog 的 API 撸了一套仿微信界面的前端界面,查看挂载家里NAS上的微信信息方便多了 #318

Description

@xlight

Chatlog Session

基于 Chatlog API 的现代化微信聊天记录查看器

📖 简介

Chatlog Session 是一个基于 Chatlog API 的现代化前端应用,采用 Vue 3 + TypeScript + Vite 技术栈,为用户提供一个熟悉、流畅的聊天记录查看体验。

🔒 100% 隐私保护承诺

这是一个纯前端应用,所有数据都在您的浏览器本地处理和存储,不会上传到任何服务器。
您的聊天记录、联系人信息等敏感数据完全由您掌控,我们不收集、不存储、不传输任何用户数据。

🌐 在线演示

您可以直接访问在线演示版本,无需本地安装:

🔗 https://xlight.github.io/chatlog-session/

首次使用

  1. 进入 设置 → API 设定
  2. 配置您的 Chatlog API 地址
  3. 点击 测试连接 验证
  4. 返回 联系人 视图,点击 后台刷新 加载数据

✨ 功能特性

核心功能

  • 🔒 本地隐私保护 - 纯前端应用,数据不上传服务器
  • 💬 聊天记录浏览 - 完整的聊天历史记录查看
  • 🔍 智能搜索 - 全局搜索和会话内搜索
  • 👥 联系人管理 - 好友、群聊、公众号管理
  • 🖼️ 多媒体支持 - 图片、视频、语音、文件预览
  • 📤 消息导出 - 支持导出为 JSON/CSV/Text 格式
  • 🎛️ 媒体显示控制 - 可关闭媒体资源显示,没有 Image Key 的时候关了图片显示

高级特性

  • 🚀 虚拟滚动 - 支持大量数据流畅渲染(提升 31-140 倍性能)
  • 💾 IndexedDB 缓存 - 本地数据持久化,瞬间加载
  • 🔄 后台刷新 - 智能后台加载,不阻塞界面
  • 📊 实时进度 - 加载进度条和速度显示
  • 🎨 主题切换 - 支持浅色/深色/跟随系统
  • 🌐 响应式设计 - 完美适配桌面和移动设备
  • ⚡ 性能优化 - 关闭媒体显示后加载速度提升 68%(v0.7.0)

消息类型支持

  • ✅ 文本消息(包含表情)
  • ✅ 图片消息(支持 MD5 加载)
  • ✅ 视频消息
  • ✅ 语音消息
  • ✅ 文件消息
  • ✅ 链接分享
  • ✅ 引用回复
  • ✅ 转发消息包
  • ✅ 位置信息
  • ✅ 小程序卡片
  • ✅ 可控制媒体显示

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions