React Demo(WebIM)介绍

大约 1 分钟

React Demo(WebIM)介绍

环信即时通讯 Web 端提供示例应用可供体验。你可以按以下步骤体验:

  1. 登录 Demoopen in new window

img

  1. 输入你的手机号,获取验证码,然后输入。

  2. 点击 登录 登录 Demo。

代码下载

下载源代码:github 源码地址open in new window

欢迎大家提交 PR 改进和修复 Web IM 中的问题。

运行 Web IM 项目

IM SDK 及 Demo 下载open in new window 下载 Web SDK 压缩包,然后解压。解压后在 demo 文件夹即为 Web IM 的项目目录。

  1. 安装 Demo 所需的依赖:在终端中运行 cd demonpm install 命令。

  2. 运行 Demo:

    • 如果通过 HTTP 访问 Demo,在终端中运行 cd demonpm start 命令。命令运行后会生成 Demo 的访问地址,例如 https://localhost:3001。通过 HTTP 访问的 Demo 中不包含音视频功能。
    • 如果通过 HTTPS 访问 Demo,在终端中运行 cd demoHTTPS=true npm start 命令。命令运行后会生成 Demo 的访问地址,例如 https://localhost:3001。通过 HTTPS 访问的 Demo 中包含音视频功能。

主要模块介绍

Demo 中的主要模块如下:

模块名称描述
components项目中定义的组件。
configSDK 初始化配置。
containers容器组件,包含联系人、聊天、登录和注册。
layout聊天部分的布局。
selectors缓存数据,优化性能。
utils数据库和工具方法。

部分 UI 展示

img