uniapp小程序对接腾讯IM即时通讯无ui集成（1）

优雅格子衫2025-03-05 9:23

首先需要完成一些准备工作。

1.注册腾讯云账号

腾讯云注册账号后搜索im即时通讯，新创建一个应用。

2.uniapp创建项目

腾讯云无ui集成文档

按照文档步骤下载完这两个包后打开项目。有下图这两个包就算完成了开始工作。

3.APP目录进行引入和集成

c 复制代码

<script>
	import TIM from '@tencentcloud/chat';
	import TIMUploadPlugin from 'tim-upload-plugin';
	let options = {
		SDKAppID: 0 // 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID
	};
	// 创建 SDK 实例，`TIM.create()`方法对于同一个 `SDKAppID` 只会返回同一份实例
	uni.$TUIKit = TIM.create(options); // SDK 实例通常用 tim 表示
	uni.$TUIKit.setLogLevel(1); // 普通级别，日志量较多，接入时建议使用
	uni.$TUIKit.registerPlugin({
		'tim-upload-plugin': TIMUploadPlugin
	});
	uni.$TUIKitTIM = TIM;
	uni.$TUIKitEvent = TIM.EVENT;
	uni.$TUIKitVersion = TIM.VERSION;
	uni.$TUIKitTypes = TIM.TYPES; // 监听系统级事件
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>