乐趣区

关于前端:一Uniappvue腾讯IM腾讯音视频开发仿微信的IM聊天APP开源源码项目引言

前言

基于 uni-app 技术开发的仿微信界面 IM 实例我的项目,开源 Vue 版本源码,对于要求高的开发者咱们也开发了 NVUE 版本,实现了文本音讯、图文音讯、表情(gif 动画),图片预览,图片编辑,视频预览,视频编辑,仿微信的图片抉择、编辑、长按菜单等性能

一、我的项目意义

作为一个 UniAPP 开发者,领有一套本人的 IM 源码,能够在各个我的项目中不便的应用,能大大放慢我的项目进度,网上有各类 IM 源码,附带服务端,然而此类我的项目服务端的稳定性、可靠性往往须要打一个问号,更难堪的是服务端的技术栈可能和您本人应用的并不匹配,须要破费大量的工夫精力去做整合。
针对以上问题,咱们基于腾讯即时通讯 SDK-TXIM(不是 WEB IM,是正宗的原生 SDK),腾讯音视频 SDK-TRTC(这玩意只有原生的),应用 UNIAPP+Vue 开发了一套 IM 源码并开源(如果您感觉 Vue 版本不够丝滑,无奈满足你们的我的项目需要,咱们也有更高性能的 Nvue 版本)

二、应用到的原生插件

本我的项目的目标是要用 Uniapp 开发一套能够媲美原生成果的仿微信 IM,所以咱们没有采纳 WEB IM,而是应用了原生的腾讯即时通讯 SDK 插件。用到的插件如下:

1. 音讯收发插件
音讯收发插件咱们采纳腾讯云即时通讯 SDK(TXIM)
官网 SDK 地址:https://cloud.tencent.com/doc…
原生插件地址:(免费版和免费版性能完全相同,用免费版测试开发就行)

  1. 免费版:https://ext.dcloud.net.cn/plu…
  2. 免费版:https://ext.dcloud.net.cn/plu…
  3. 插件文档地址:https://www.yuque.com/zhimike…

2. 音视频通话插件
音视频通话插件咱们采纳的是腾讯云实时音视频 SDK(TRTC)
官网 SDK 地址:https://cloud.tencent.com/doc…
原生插件地址:

  1. 插件地址:https://ext.dcloud.net.cn/plu…
  2. 插件文档地址:https://www.yuque.com/zhimike…

3. 自定义拍照 / 相册抉择 / 图片编辑 / 视频编辑 / 仿微信选择器插件
自定义拍照 / 相册抉择 / 图片编辑 / 视频编辑 / 仿微信选择器插件咱们就本人用原生写了插件并上架了插件市场,插件分为四个版本,性能上有肯定区别。

  1. 自定义相册插件:https://ext.dcloud.net.cn/plu…
  2. 自定义相机相册插件:https://ext.dcloud.net.cn/plu…
  3. 自定义相机相册带压缩插件:https://ext.dcloud.net.cn/plu…
  4. 自定义相机相册带压缩编辑插件:https://ext.dcloud.net.cn/plu…
  5. 插件文档地址:https://www.yuque.com/zhimike…

三、我的项目成品成果


四、我的项目开源地址及交换群

我的项目开源地址:https://gitee.com/ckong/Zhimi…
开发交换群:755910061

退出移动版