体验 IM Demo

体验圈组 Demo

跑通 IM Demo 源码

跑通圈组 Demo 源码

源码解读（DeepWiki）

快速开始

集成 IM UIKit

仅集成聊天

组件导入

初始化与登录

界面跳转

全局配置

AI 数字人概述

实现与 AI 数字人聊天

实现多国语言翻译

实现划词搜索

AI 数字人

集成会话列表界面

会话列表界面事件监听

自定义会话列表界面 UI

会话列表

集成会话消息界面

会话消息界面事件监听

实现 AI 助聊（回复灵感）

实现音视频通话

实现地理位置消息功能

实现自定义消息收发

自定义会话消息界面 UI

消息相关

集成通讯录界面

通讯录界面事件监听

自定义通讯录界面 UI

通讯录

多语言切换

@消息实现方案

消息引用/回复

设置界面风格

发送自定义消息

对方正在输入

用户在线状态

消息已读回执

最佳实践

初始化

自定义用户信息

用户相关

会话列表相关

通讯录相关

消息回复实现方案

UIKit 功能实现方案

版本升级说明

安卓 13 文件权限适配

SDK 开发文档（V9）

低版本 IM UIKit

集成圈组 UIKit

集成圈组界面

实现公告频道

实现圈组广场

圈组 UIKit

排查常见问题

安卓 14 图片权限适配

常见问题

NIM SDK

Android

与 AI 数字人聊天

自定义会话列表 UI

实现音视频通话功能

自定义会话消息 UI

自定义通讯录 UI

设置风格界面

跑通 IM Demo

定制会话列表界面

定制会话消息界面

会话消息相关

定制通讯录界面

SDK 开发文档（V10）

NIM SDK 鸿蒙版

HarmonyOS

源码介绍（React）

集成 UIKit（React）

集成 UIKit（Vue.js）

导入组件

登录登出

全局上下文

发送与接收自定义消息

会话消息

集成搜索组件

定制搜索界面

搜索

功能实现方案

设置语言

React 框架集成

Vue 框架集成

自定义渲染

初始化（未集成 NIM SDK）

初始化（已集成 NIM SDK）

集成用户资料组件

自定义搜索界面 UI

搜索相关

设置主题样式

单独集成聊天组件

获取所有会话未读数

Vue 框架自定义相关

实现常用快捷回复

配置海外数据中心域名

如何解决样式冲突

如何解决账号切换失败

NIM SDK Web 版 [V9]

低版本 UIKit

升级指南

NIM SDK [含圈组]

体验 Demo

跑通 Demo 源码

会话列表事件监听

会话消息事件监听

消息

通讯录事件监听

语言配置

SDK 开发文档

Flutter

Demo 源码介绍

集成源码（Vue 3）

账号登录登出

收发自定义消息

单独集成聊天页面

发送消息前添加配置参数

集成源码（Vue 2）

实现 IM 登录

uni-app

源码介绍

集成源码

React

HTML5

<p>网易云信为您提供基于 H5 开发的即时通讯 Demo。您可以安装 Demo，快速了解和体验网易云信 IM 即时通讯服务的多项能力，如会话、会话列表和通讯录。</p>
<h2 id="下载-demo">下载 Demo</h2>
<p>单击前往 <a href="https://yiyong.netease.im/yiyong-static/statics/IMUIKit-h5/index.html#/login">H5 Demo 在线体验页面</a>。</p>
<h2 id="源码地址">源码地址</h2>
<p>请前往 <a href="https://github.com/netease-kit/nim-uikit-H5">网易云信 GitHub 开源代码仓库</a> 获取源码。</p>
<note type=note><p>您可以选择自主使用 Vue 框架（nim-kit-vue-ui-h5）或者 React 框架（nim-kit-react-ui-h5）。</p>
</note>
<h2 id="效果展示">效果展示</h2>
<img alt="通讯模块主要界面.png" src="https://yx-web-nosdn.netease.im/common/895963a051a2ae1fae685cfd1682a6bf/通讯模块主要界面.png" style="width:80%;border: 1px solid #BFBFBF;">
<img alt="Demo.png" src="https://yx-web-nosdn.netease.im/common/75977dbdcc69a4d549d17aa2007a765d/Demo.png" style="width:80%;border: 1px solid #BFBFBF;">