Quickblox Flutter 示例 SDK

快速入门

本指南演示如何运行 Quickblox Flutter SDK 示例。

文档： https://docs.quickblox.com/docs/flutter-quick-start

在管理面板中创建一个新应用

Quickblox 应用程序包含将消息传递直接集成到您的应用程序所需的一切——聊天、视频通话、用户、推送通知等。要创建 QuickBlox 应用程序，请按照以下步骤操作

  1. 注册一个新帐户。输入您的电子邮件和密码进行登录。您也可以使用您的 Google 或 Github 帐户登录。
  2. 单击“新建应用”按钮创建应用。
  3. 配置应用。在相应字段中输入您的组织信息，然后单击“添加”按钮。
  4. 转到凭证屏幕。找到“凭证”分组框，然后复制您的“应用程序 ID”、“授权密钥”和“授权密钥”。运行应用程序时需要这些数据在 QuickBlox 服务器上。

运行示例

  1. 将目录更改为 lib
  2. 打开并修改 credentials.dart 文件，填入您的帐户数据

const String APP_ID = ""; // application id from your account
const String AUTH_KEY = ""; // authentication key from your account
const String AUTH_SECRET = ""; // authentication secret key from your account
const String ACCOUNT_KEY = ""; // account key from your account
const String API_ENDPOINT = ""; // optional
const String CHAT_ENDPOINT = ""; // optional

const String USER_LOGIN = ""; // user login
const String USER_PASSWORD = ""; // user password
const int LOGGED_USER_ID = 000000000; // user id
const int OPPONENT_ID = 000000000; // uer id of opponent user

const List<int> OPPONENTS_IDS = [OPPONENT_ID];
const String DIALOG_ID = "";  // dialog id
const String CUSTOM_OBJECT_ClASS_NAME = ""; // name of custom object class
  1. 在 lib 目录中运行 flutter run
  2. 您将看到一个简单的 UI 界面，带有一个按钮，您可以在其中测试 Quickblox SDK 的基本功能。

开始视频通话

  1. 检查应用程序权限

    • 打开应用程序设置
    • 将所有权限滑动到启用状态：相机、麦克风、存储

  2. 初始化 SDK 并开始通话

    • 打开示例应用程序
    • 按“设置”按钮
    • 按“初始化凭证”按钮，然后等待显示“凭证已设置”消息
    • 返回主屏幕
    • 按“认证”按钮
    • 按“登录”按钮，然后等待显示“登录成功”消息
    • 返回主屏幕
    • 按“聊天”按钮
    • 按“连接”按钮，然后等待显示“聊天已连接”消息
    • 返回主屏幕
    • 按“WebRTC”按钮
    • 按“初始化”按钮，然后等待显示“WebRTC 已初始化”消息
    • 订阅 RTC 事件
    • 按“订阅 RTC 事件”，然后等待关于订阅的消息停止显示
    • 按“呼叫视频”按钮
    • 对方（凭证文件中opponents id的用户）将显示来电对话框
    • 在对方应用程序中按“接受”按钮，您就可以看到两个用户之间的视频通话了

  3. 结束视频通话

    • 按“挂断”按钮
    • 按“释放视频视图”按钮
    • 按“释放”按钮
    • 返回主屏幕

许可

有关许可信息，请访问：https://quickblox.com/terms-of-use/

GitHub

查看 Github