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

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

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>
相关推荐
陈不知代码6 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
说私域6 小时前
公域流量向私域流量转化策略研究——基于开源AI智能客服、AI智能名片与S2B2C商城小程序的融合应用
人工智能·小程序
半生过往6 小时前
微信小程序文件下载与预览功能实现详解
微信小程序·小程序·notepad++·压缩包下载解压
源码_V_saaskw6 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
weixin_lynhgworld9 小时前
淘宝扭蛋机小程序系统开发:重塑电商互动模式
大数据·小程序
996幸存者10 小时前
uni-app区域选择、支持静态、动态数据
微信小程序·uni-app
ᥬ 小月亮12 小时前
Uniapp编写微信小程序,绘制动态圆环进度条
微信小程序·小程序·uni-app
耶啵奶膘16 小时前
uniapp+vue3——通知栏标题纵向滚动切换
uni-app
The_era_achievs_hero19 小时前
UniappDay03
vue.js·微信小程序·uni-app
说私域1 天前
技术赋能与营销创新:开源链动2+1模式AI智能名片S2B2C商城小程序的流量转化路径研究
人工智能·小程序·开源