更新记录
1.0.1(2021-09-04) 下载此版本
无修复
1.0.0(2021-09-04) 下载此版本
1.0.0
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
z-im
准备
下载融云
npm install @rongcloud/imlib-v4 -S
使用
在 main.js 中引入插件
import zIm from 'uni_modules/z-im'
Vue.use(zIm, {store})
上面的 store 是 vuex 实例
初始化融云
在 App.vue 的 onLaunch 函数 或 登录页面, 确保该步骤只在程序中执行一次 token 是融云登录的 token, 并非用户登录应用的 token
let options = {}
options.appkey = ''
options.token = ''
this.$store.dispatch('initIM', options)
state
state: {
sessionList: [], // 会话列表
message: {}, // 消息对象
target: {
type: 1,
id: 0
}, // 好友对象
im: null, // 融云实例
connect: 0 // 是否连接 0: 否 1: 是
},
getters
getters: {
sessionList: state => state.sessionList,
message: state => state.message,
target: state => state.target,
im: state => state.im,
connect: state => state.connect
},
mutations
- SET_TARGET 给target赋值
- SET_SESSION_LIST 给sessionList赋值
- SET_MESSAGE 给message赋值
- SET_IM 给im赋值
- SET_CONNECT 给connect赋值
actions
- initIM 初始化融云
- sessionList 请求会话列表
- message 请求历史消息
- send 发送消息
- disconnect 断开连接