当前位置: 首页 > news >正文

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

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

1.注册腾讯云账号

腾讯云 注册账号后搜索im即时通讯,新创建一个应用。
在这里插入图片描述

2.uniapp创建项目

腾讯云无ui集成文档
在这里插入图片描述
按照文档步骤下载完这两个包后打开项目。有下图这两个包就算完成了开始工作。
在这里插入图片描述

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

<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>

相关文章:

  • 手机屏幕摔不显示了,如何用其他屏幕临时显示,用来导出资料或者清理手机
  • 77.ObservableCollection使用介绍1 C#例子 WPF例子
  • golang从入门到做牛马:第六篇-Go语言变量存储数据的“小盒子”
  • ubuntu22.04安装RAGFlow配合DeepSeek搭建本地知识库
  • C# ArrayPool
  • LeetCode 102. 二叉树的层序遍历,BFS(广度优先搜索)(Python)
  • CCF-CSP第29次认证第一题 --《田地丈量》
  • C#使用winform实现简单的梯形图指令编译和执行,带编译器和虚拟机代码
  • 浏览器安全问题
  • Go语言集成DeepSeek API和GoFly框架文本编辑器实现流式输出和对话(GoFly快速开发框架)
  • 【maven】maven依赖报错解决方式
  • 数据分析/数据科学常见SQL题目:连续登录用户、留存率、最大观看人数
  • typora高亮方案+鼠标侧键一键改色
  • 根据歌词自动构建音乐 python
  • 本地部署DeepSeek R1大数据模型知识库
  • 专题·大模型安全 | 大模型的安全挑战及应对建议
  • springboot3 RestClient、HTTP 客户端区别
  • C++蓝桥杯基础篇(八)
  • iOS 聊天 IM 消息收发管理工具
  • 淘宝关键字搜索接口爬虫测试实战指南
  • 做网站外国的/seo查询工具有哪些
  • 复古传奇手游排行榜第一名/百度搜索名字排名优化
  • 酒庄企业网站/搜狗seo优化
  • 东莞塘厦网站建设/智能网站排名优化
  • 泰安新闻出版小镇/seo快速推广窍门大公开
  • 电子商务网站设计思路/在线h5免费制作网站