在项目中集成腾讯云IMsdk
// IM Web SDK
npm install tim-js-sdk --save
// 发送图片、文件等消息需要的 COS SDK
npm install cos-js-sdk-v5 --save
编制im.js文件,对腾讯云sdk进行简单的封装,暴露接口
import TIM from ‘tim-js-sdk’ // 接入腾讯sdk
import COS from ‘cos-js-sdk-v5’ // 接入图片上传
const options = {
SDKAppID: 0 // 接入时需要将0替换为您的即时通信 IM 应用的SDKAppID
}
// 创建 SDK 实例,TIM.create()
方法对于同一个 SDKAppID
只会返回同一份实例
const tim = TIM.create(options) // SDK 实例通常用 tim 表示
// 设置 SDK 日志输出级别,详细分级请参见 setLogLevel 接口的说明
// tim.setLogLevel(0) // 普通级别,日志量较多,接入时建议使用
tim.setLogLevel(1) // release 级别,SDK 输出关键信息,生产环境时建议使用
// 注册 COS SDK 插件
tim.registerPlugin({ ‘cos-js-sdk’: COS }) // 继承接入图片上传
export default im
Introduit en vue, ouvrez le fichier main.js pour introduire l'interface im.js
importer webIM depuis './ assets / js / im.js' // Importer Tencent IM
Hériter de la méthode webIM en vue
Vue.prototype.webIM = webIM // hérite de la méthode im
Après avoir terminé les étapes ci-dessus, vous pouvez appeler directement la méthode webIM dans le projet vue
Prenons l'exemple de connexion:
this.webIM.login ({userID: '', userSig: ''})
.then (function (imResponse) { console.log (imResponse.data) // connecté avec succès }). Catch (function ( imError) { console.warn ('erreur de connexion:', imError) // informations sur l'échec de la connexion })
Adresse de référence du document:
Document simple pour live group
https://cloud.tencent.com/document/product/269/43002
Document d'interface détaillé pour le chat IM
https://imsdk-1252463788.file.myqcloud.com/IM_DOC/Web/SDK. html