Skip to content

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

@xlight

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 加载)
  • ✅ 视频消息
  • ✅ 语音消息
  • ✅ 文件消息
  • ✅ 链接分享
  • ✅ 引用回复
  • ✅ 转发消息包
  • ✅ 位置信息
  • ✅ 小程序卡片
  • ✅ 可控制媒体显示

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