腾讯云 im 腾讯云start官网入口
uni-app 使用腾讯云im开发app聊天室
组件地址：
哪找教程引入就行，开发什么端看什么端文档
npm install tim-wx-sdk@2.15.0--save
npm install cos-wx-sdk-v5@0.7.11--save
----------------------------------------------------------
import TIM from'tim-wx-sdk';
import COS from"cos-wx-sdk-v5";
import logger from'./utils/logger';// app.js
import{ genTestUserSig} from'./debug/GenerateTestUserSig.js'
在app.vue文件下onLaunch周期里面：
/// userInfo为判断用户是否登录
if( userInfo!=''|| userInfo!= undefined){
if( uni.getStorageSync('zuserInfo').role== 1|| uni.getStorageSync('zuserInfo').role== 2){
//连接im
//如果您已经接入 tim，请将 uni.tim修改为 uni.$TUIKit。
uni.$TUIKit= TIM.create({
SDKAppID:' ' //填写你申请的AppID
});
uni.$TUIKit.registerPlugin({
'cos-wx-sdk': COS
});
uni.$resetLoginData= this.resetLoginData(userInfo)
uni.$TUIKitTIM= TIM;
uni.$TUIKitEvent= TIM.EVENT;
uni.$TUIKitVersion= TIM.VERSION;
uni.$TUIKitTypes= TIM.TYPES;//监听系统级事件
uni.$TUIKit.on(uni.$TUIKitEvent.SDK_NOT_READY, this.onSdkNotReady);
uni.$TUIKit.on(uni.$TUIKitEvent.KICKED_OUT, this.onKickedOut);
uni.$TUIKit.on(uni.$TUIKitEvent.ERROR, this.onTIMError);
uni.$TUIKit.on(uni.$TUIKitEvent.NET_STATE_CHANGE, this.onNetStateChange);
uni.$TUIKit.on(uni.$TUIKitEvent.SDK_RELOAD, this.onSDKReload);
uni.$TUIKit.on(uni.$TUIKitEvent.SDK_READY, this.onSDKReady);
}
}
// TODO:
resetLoginData(info){
let _this= this
this.globalData.expiresIn='';
this.globalData.sessionID='';
this.globalData.userInfoIm={
userID: info.userId,
userSig: info.txSig,
token: info.token,
phone: info.phone
};
this.globalData.userProfile= null;
uni.$TUIKit.login({userID: info.userId.toString(), userSig: info.txSig.toString()})
.then(function(imResponse){
// console.log(imResponse.data);//登录成功
// _this.getUpdateMyProfile()
if(imResponse.data.repeatLogin=== true){
//标识帐号已登录，本次登录操作为重复登录。v2.5.1起支持
// console.log(imResponse.data.errorInfo);
}
})
.catch(function(imError){
console.warn('login error:', imError);//登录失败的相关信息
});
},
onTIMError(){},
onNetStateChange(){},
onSDKReload(){},
onSDKReady(event){
let _this= this
_this.getUpdateMyProfile()
_this.getImUnread()
},
onSdkNotReady(){
this.getImLogin()
},
onKickedOut(){
uni.showToast({
title:'您被踢下线',
icon:'error'
});
let userinfo=''
uni.setStorageSync('zuserInfo', userinfo)
setTimeout(()=>{
uni.redirectTo({
url:'/pages/login/login'
});
},2000)
// uni.navigateTo({
// url:'./pages/TUI-Login/login'
//});
},
logoutTim(){
uni.$TUIKit.logout()
},
uni.navigateTo({
url:'/pages/TUI-Chat/chat?conversationID=C2C'+ this.info.user_id
});
getImUnread(){
uni.$TUIKit.getConversationList().then(res=>{
// console.log(res.data.conversationList)
for( let i of res.data.conversationList){
if( i.unreadCount!= 0){
uni.showTabBarRedDot({index:2})
return
}
}
}).catch(fail=>{
// console.log(fail)
});
},
腾讯云IM简介和使用流程
一，准备工作
首先，访问腾讯云官网，点击登录或注册账号。对于无账号用户，请注册后关联，已拥有账号的用户直接登录并关联。
然后，选购腾讯云IM服务。
二，腾讯云IM简介
即时通信(IM)是一种能够即时发送和接收互联网消息的服务，自1998年问世以来，功能日益丰富，集成了电子邮件、博客、音乐、电视、游戏和搜索等多种功能。它已经发展成为集交流、资讯、娱乐、搜索、电子商务、办公协作和企业客户服务为一体的综合信息平台。重要即时通信提供商如微软、腾讯、AOL、Yahoo等，提供了手机接入互联网即时通信的业务，用户可通过手机与安装相应客户端软件的设备进行消息交互。
三，腾讯云IM使用流程
直接访问即时通信IM的Demo页面，进入IM控制台。首次访问时，会指引用户下载Demo压缩包，解压后使用微信开发者工具运行，仅需输入SDKAppID和密钥。在控制台获取相关参数，实现聊天功能。
四，使用腾讯云即时通信IM SDK
集成SDK至项目中，推荐通过npm方式。使用npm将IM SDK集成到Web、小程序或uni-app项目。借助tim-upload-plugin实现更快、更安全的富文本消息资源上传功能。利用tim-profanity-filter-plugin在客户端本地检测文本内容，支持敏感词拦截或替换，保障产品体验和业务安全。
通过npm安装依赖，对于Web项目，说明并引入模块。对于小程序或uni-app项目，同样说明引入模块并初始化。
利用script标签集成SDK，并在项目脚本中进行初始化操作。
腾讯云云通信IM,@人功能如何实现
@某人和群组普通消息没有本质的区别，仅是被@的人，需要在UI上进行特殊处理，如QQ的消息列表中会有标红提示。可按照以下的方案来进行实现：
1.发送方需要@时，当键盘输入@符号，弹出群成员列表，用于发送者选择
2.选择好后，UI上在输入框中出现@及被选中者的名字
3.群消息协议编解码时，利用云通信的CustomElem消息体，将被@人的identifier填入（或者是应用内标记用户身份的唯一id），并发送到群内
4.群内成员收到消息时，需判断消息体内是否有该字段，如果有，取出
5.判断消息体内@的id是否与当前登录用户id一致
6.如果检查一致，则需要在UI上进行特殊处理；如果不一致则不处理。
