跑通示例项目

大约 1 分钟

跑通示例项目

环信提供一个开源的 ChatroomUIKit 示例项目,演示了如何使用该 UIKit 快速搭建聊天室页面,实现完整业务。

环境要求

  • MacOS 12 或以上版本
  • React-Native 0.71 或以上版本
  • NodeJs 20.18 或以上版本

对于 iOS 平台

  • xcode 15 或以上版本

对于 Android 平台

  • Android Studio 2022.3 或以上版本

下载项目

克隆项目仓库:

git clone https://github.com/easemob/easemob-uikit-reactnative.git

初始化项目

cd easemob-uikit-reactnative
yarn && yarn prepare

编译运行示例项目

  1. 进入示例项目目录:
cd examples/room-example
  1. 设置 appKey:

修改 examples/room-example/src/env.ts 文件内容,填写 appKey 参数。

您可以在环信即时通讯云控制台open in new window创建应用并获取 appKey。

  1. 运行项目:

iOS 平台

# 安装依赖
cd ios && pod install && cd ..

# 编译运行
yarn run ios

Android 平台

# 直接编译运行
yarn run android

运行效果

成功运行后,您将看到包含以下功能的即时通讯应用:

  • 用户登录
  • 聊天室列表
  • 聊天室

常见问题

如遇到编译或运行问题,请参考:

  1. 确保已安装所有必需的开发环境
  2. 检查 appKey 是否正确配置
  3. iOS 编译失败时,尝试清理项目:cd ios && pod deintegrate && pod install
  4. Android 编译失败时,检查 Android Studio 配置和 SDK 安装情况