专为以下场景打造：IOS

iOS
Chat UI Kit

使用 Tencent RTC iOS Chat UI Kit 添加原生消息界面。从会话、消息和联系人开始，再根据您的应用调整体验。

开始构建试用 Chat Demo

开发者资源

iOS Chat UI Kit 文档与示例

组件参考

探索 iOS Chat UI Kit 组件。

探索组件用户身份验证

接入指南

安装 iOS Chat UI Kit 并发送一条测试消息。

iOS 集成快速入门

示例与源码

探索消息体验和官方开发者资源。

试用 Chat Demo 查看 iOS 源代码

更贴心的服务

在您的应用内集中管理住客问题和预订对话。

探索客服聊天

分享详情

当用户需要更多背景信息时，可在会话中分享照片和文档。

阅读 iOS 指南

IOS 聊天功能

核心功能，随时可接入

会话列表

最近对话
未读消息指示器

消息界面

联动式消息视图
集成式消息编辑器

媒体分享

照片和附件
原生媒体权限

人员与群组

单聊对话
群组互动

打造属于您的产品体验

调整 UI 源代码
适配您的导航

互联组件

底层 Chat SDK
您的应用身份

探索 iOS Chat Components

了解各组件如何协同工作。

对话

从会话列表开始

打开已连接的列表，并将所选项目转到聊天界面。

阅读文档

import TUIChatKit
import AtomicXCore

let page = ConversationsPage(onConversationClick: { info in
    // Navigate to ChatPage with info.conversation.
})
navigationController?.pushViewController(page, animated: true)

Chat

原生交流空间

使用所选对话信息将 ChatPage 压入导航栈。

阅读文档

let page = ChatPage(conversation: conversation, onBack: {
    self.navigationController?.popViewController(animated: true)
})
navigationController?.pushViewController(page, animated: true)

联系人

连接个人与群组

通过原生联系人页面处理联系人和群组选择。

阅读文档

let page = ContactsPage(
    onContactClick: { contact in /* Open a direct chat. */ },
    onGroupClick: { group in /* Open a group chat. */ }
)
navigationController?.pushViewController(page, animated: true)

个性化定制

自定义您的 iOS 聊天界面

将您的视觉风格和应用流程融入聊天体验。

自然融入您的应用

使用原生 UI 源代码，将您的视觉风格融入聊天。

阅读文档

开始使用

你的第一次对话从这里开始

01
创建您的应用
设置 Chat 应用和测试用户。
打开 Chat 控制台
02
添加 iOS Chat UI Kit
按照平台指南连接您的项目。
按照集成指南操作
03
连接你的用户
登录两个测试用户并发送第一条消息。
连接您的用户

iOS Chat UI Kit

# After adding the repository's chat source to your project
pod 'TUIChatKit', :path => 'chat/uikit/TUIChatKit.podspec'

import TUIChatKit
import AtomicXCore

let page = ConversationsPage(onConversationClick: { info in
    // Navigate to ChatPage with info.conversation.
})
navigationController?.pushViewController(page, animated: true)

iOS Chat UI Kit 常见问题

此页面使用哪个 iOS UI Kit？

当前的完整集成指南使用 TUIChatKit、AtomicXCore 和 Swift 页面组件。较早的指南使用 TUILogin 和 Minimalist 控制器。请始终遵循此处链接的完整指南，不要混用这两种集成方式。

阅读集成指南

iOS UI Kit 与 SDK 有何不同？

UI Kit 在消息 SDK 之上提供相互联动的界面组件。如果希望完全自行构建界面，请使用 Core SDK。

探索 Core SDK

如何对 iOS Chat UI Kit 的用户进行身份验证？

在后端生成生产环境 UserSig。将其传递给客户端用于身份验证，并将应用密钥保留在服务器上。

阅读身份验证指南

这些 iOS 代码片段能否构成一个完整的应用？

这些内容展示的是各个集成步骤。请按照完整指南完成导入、初始化、登录、错误处理和目标平台专属配置。发布前，请使用不同账户测试消息功能。

查看完整教程

iOS Chat UI Kit 的使用量如何计费？

托管 Chat 服务的用量取决于您选择的套餐。请查看适用于您应用的内含功能和额度；可选插件和 Call 服务可能有单独的要求。

查看 Chat 定价

如何将 iOS 聊天 UI Kit 集成到 Swift 或 Objective-C 项目中？

在 Xcode 项目中接入文档指定的包，并处理应用生命周期切换。用 iPhone 测试所选功能使用的权限和能力。

阅读平台指南

发布应用前如何测试 iOS 聊天 UI Kit？

检查登录、SDK 就绪、发送与接收事件，以及重连后的消息状态。

阅读平台指南

如何定制 iOS 聊天 UI Kit 的界面？

将 ChatMessageInputConfig 传入 ChatPage，即可配置原生消息输入区。对于以文字为主的客服页面，可将 isShowVideoCall 和 isShowAudioCall 设为 false。提供包含 conversationID 和 type 的 ConversationInfo，并将 onBack 连接到你的导航控制器。隐藏通话操作只改变界面，不会开通或取消 Call 服务订阅。请使用 iOS 指南中展示的 TUIChatKit API。

查看定制指南

获取后续步骤所需的支持

集成问题

获取 iOS Chat UI Kit 的配置帮助。

查看开发者文档

讨论您的应用

讨论您的产品、预期用量和集成需求。

联系销售人员

构建你的下一次对话体验

使用 iOS Chat UI Kit 构建你的 app。

免费开始查看 UI Kit 指南

iOS Chat UI Kit

iOS Chat UI Kit 文档与示例

组件参考

接入指南

示例与源码

更贴心的服务

分享详情

核心功能，随时可接入

会话列表

消息界面

媒体分享

人员与群组

打造属于您的产品体验

互联组件

探索 iOS Chat Components

从会话列表开始

原生交流空间

连接个人与群组

自定义您的 iOS 聊天界面

自然融入您的应用

在会话中加入实用的上下文

你的第一次对话从这里开始

创建您的应用

添加 iOS Chat UI Kit

连接你的用户

iOS Chat UI Kit 常见问题

此页面使用哪个 iOS UI Kit？

iOS UI Kit 与 SDK 有何不同？

如何对 iOS Chat UI Kit 的用户进行身份验证？

这些 iOS 代码片段能否构成一个完整的应用？

iOS Chat UI Kit 的使用量如何计费？

如何将 iOS 聊天 UI Kit 集成到 Swift 或 Objective-C 项目中？

发布应用前如何测试 iOS 聊天 UI Kit？

如何定制 iOS 聊天 UI Kit 的界面？

获取后续步骤所需的支持

集成问题

讨论您的应用

构建你的下一次对话体验

iOS
Chat UI Kit