更新记录

1.0.3（2026-03-31） 下载此版本

完善配置

1.0.2（2026-03-30） 下载此版本

完善功能

1.0.1（2026-03-27） 下载此版本

修改已知问题

平台兼容性

uni-app(5.05)

uni-app x(5.05)

my-chat

易乒乓公司内用的聊天模块

插件市场地址

模块简介

• chat模块采用uni_modules插件化开发模式，方便公司其它项目引用
• 提供完整的聊天功能，包括消息发送、接收、历史记录查询等
• 支持国际化，可根据需要切换语言
• 集成了常用的UI组件和工具方法，便于快速开发

目录结构

|-my-chat
  |--components // 常用组件
  |--constants // 常用常量
  |--locale // 国际化文件
  |--pages // 页面文件
  |--request // 请求模块
  |--static // 静态资源
  |--utils // 工具方法
  |--index.js // 主要引用入口
  |--index.scss // CSS主入口
  |--package.json // 插件配置文件
  |--pages_init.json // 插件页面配置
  |--readme.md // 插件使用说明

第三方依赖

安装说明

1. 在DCloud插件市场搜索"my-chat"
2. 点击"导入插件"按钮，选择需要导入的项目
3. 插件会自动安装到项目的uni_modules目录中

快速使用

1. 引入样式

在App.vue中引入样式模块：

@import '@/uni_modules/my-chat/index.scss';

2. 配置模块

在项目的main.js中初始化聊天模块：

import { chatInit } from '@/uni_modules/my-chat';

// 配置聊天模块
chatInit({
  baseUrl: 'https://api.example.com1', // API基础地址
  locale: 'zhCN', // 国际化语言，默认中文 zhCN | enUS | zhHant
  tokenHeaderName: 'Authorization', //用户token的key
  tokenPrefix: 'Bearer ', //用户token前缀
  debug: true, // 是否开启调试模式
  enableMock: true, // 是否开启模拟数据模式
  getToken: () => {
    return uni.getStorageSync('accessToken'); //获取用户token
  },
});

3. 使用模块

跳转到聊天页面

uni.navigateTo({
  url: '/uni_modules/my-chat/pages/chat/chat-center'
})