TIMSDK/Web/README.md at native@6.9.3557

mirror of https://github.com/TencentCloud/TIMSDK.git synced 2026-10-19 06:23:06 +08:00

Files

T

angular2 84979bca75 【web】update readme (#1183 )

feat: update web TUIKit and English readme

Co-authored-by: tyrosning <tyrosning@tencent.com>

2022-06-21 15:09:59 +08:00

3.8 KiB

Raw Permalink Blame History

English | 简体中文

Web Demo 是基于 IM TUIKit 实现，TUIKit 中包含会话、聊天、群组、个人资料管理等功能，基于 TUIKit 您可以像搭积木一样快速搭建起自己的业务逻辑。

效果展示

会话管理

发起会话	会话列表	会话列表管理

聊天管理

消息列表	消息发送	群聊管理

群组管理

群聊通知	我的群聊	搜索加入新的群聊

个人资料管理

个人资料管理

功能	说明
会话管理	1. 用于用户发起单人/多人会话 2. 用于展示用户的会话列表 3. 用于用户会话列表的管理
聊天管理	1. 用于消息列表的展示 2. 用于消息发送 3. 用于群聊管理
群组管理	1. 用于展示群聊通知 2. 用于展示和管理用户所在和所拥有的群聊 3. 用于搜索加入新的群聊
个人资料管理	主要用于展示和更新个人资料

跑通步骤

步骤1：下载源码

根据您的实际业务需求，下载 SDK 及配套的 Demo 源码。

# 命令行执行
git clone https://github.com/tencentyun/TIMSDK.git

# 进入 Web 项目

cd TIMSDK/Web/Demo

# 安装 demo 依赖
yarn install

cd TIMSDK/Web/Demo/src/TUIKit

# 安装 TUIKit 依赖
yarn install

步骤2：初始化

打开终端目录的工程，找到对应的 GenerateTestUserSig 文件，路径为：/debug/GenerateTestUserSig.js
设置GenerateTestUserSig文件中的相关参数，其中 SDKAppID 和密钥等信息，可通过即时通信 IM 控制台获取，单击目标应用卡片，进入应用的基础配置页面。
在基本信息区域，单击显示密钥，复制并保存密钥信息至 GenerateTestUserSig 文件。

!本文提到的获取 UserSig 的方案是在客户端代码中配置 SECRETKEY，该方法中 SECRETKEY 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量，因此该方法仅适合本地跑通 Demo 和功能调试。正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见服务端生成 UserSig。

步骤3: 启动

# 启动项目
cd TIMSDK/Web/Demo
yarn serve

3.8 KiB Raw Permalink Blame History