集成 UIKit
大约 1 分钟
UIKit-uniapp
集成 UIKit
本文介绍如何将单群聊 UIKit 集成到你的 uni-app 项目中。
前提条件
开始集成前，请按照以下要求准备开发环境：
- HBuilderX 最新版本
- Vue3
- sass：sass-loader 10.1.1 及以下版本
- node：12.13.0 - 17.0.0，推荐 LTS 版本 16.17.0
- npm：版本需与 Node.js 版本匹配
下载 UIKit 源码
你可以从 GitHub 或 Gitee 获取单群聊 UIKit 源码：
# 克隆 UIKit
git clone https://github.com/easemob/easemob-uikit-uniapp.git
# 或
git clone https://gitee.com/easemob-code/easemob-uikit-uniapp.git
克隆完成后，在你的 uni-app 项目根目录下执行以下命令，拷贝组件文件：
mkdir -p ./ChatUIKit
# macOS
mv ${组件项目路径}/ChatUIKit/* ./ChatUIKit
# windows
move ${组件项目路径}/ChatUIKit/* .\ChatUIKit
提示
UIKit 依赖的静态资源（ChatUIKit/assets）目前托管于环信服务器，存在访问频率限制。建议将静态资源部署至你自己的业务服务器，并在 ChatUIKit/const/index.ts 中修改 ASSETS_URL 为你的资源服务器地址。
安装依赖
提示
需要环信即时通讯 IM Web SDK 4.10.0 及以上版本。
在项目根目录执行以下命令，安装所需依赖：
npm init -y
npm i easemob-websdk@4.11.0 pinyin-pro@3.26.0 mobx@6.13.4 --save