文章讲述了在Vue项目中如何使用官方提供的loginApi进行登录，并将TIM和tim挂载到prototype上。userSig的获取通过官方demo调试文件，实际应用需从后端获取。关键点在于确保所有操作在onSdkReady事件触发后进行，并修正事件监听的this指向，以便在组件中正确调用onSdkReady方法。同时，定义isOnReady标志来指示登录后的SDK准备状态。
1.登录Api找到客户端API
直接复制官方文档的loginApi代码
需要注意我们将TIM与tim挂载在vue的prototype原型上,在组件使用时需要加上this
userSig的获取直接使用官方demo的debug文件复制过来,实际开发中需要从后端获取
import { genTestUserSig } from '@/debug/GenerateTestUserSig.js'导入过来使用
2.登录以后所有的操作必须在onSdkReady 触发完成后进行
参考官方文档的事件监听
复制代码进去,放在文件初始化的时候,注意箭头除添加第三个参数this,修正指向,表明指向为当前的组件实例对象,否则登录后无法调用到onSdkReady方法,这个需要特别注意,官方文档没写;
data内自定义isOnReady为ture表示登录成功后onSdkReady准备完成,
扫一扫
3878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
