使用 Flutter Chat API 构建实时聊天应用程序:分步指南

言鼎科技 04-11 70

探索这个易于遵循的指南,了解使用低代码Flutter 聊天 API向聊天软件app添加 150 多种消息传递功能的步骤。

告诉我过去几年您使用了多少个聊天软件app。超过 2 对吧?无论是个人用途还是专业用途,如今我们都依靠消息传递来进行即时通信。

另一方面,实时通信软件app使用量的激增正在增加像您这样的开发人员的压力。问为什么?现在,开发人员和企业期望创建高响应性的聊天软件app,这些软件app既有吸引力又高性能。

但你认为你能平衡效率和开发预算吗?

是的,此时您应该使用 Flutter 进行软件app开发。

现在,如果您已经确信在下一个项目中使用 Flutter,那么让我向您推荐 MirrorFly 的简单、现代且高度可扩展的 Flutter 聊天 API。

我选择 MirrorFly 作为我的消息 API 提供商有几个原因。让我解释一下主要原因。

选择 MirrorFly Flutter 聊天 API 的 10 个理由

春新势力潮酷女装海报bannee.png

1. 实时消息传递:

MirrorFly 提供超过 150 种功能的实时聊天功能。你猜怎么着? MirrorFly 不仅仅局限于消息传递。除了基于主题的聊天之外,它还允许您添加视频和语音通话。

2. 可扩展性

MirrorFly 旨在随着软件app的增长而扩展,使其适合小型和大型用户群。它可以处理高负载和不断增长的用户需求。

 
尝试#1 Flutter Chat SDK 来开发您自己的聊天软件app
立即开始开发

3. 跨平台兼容性:

MirrorFly 支持多个平台,包括 Flutter。这意味着您只需使用一个代码库即可轻松开发可在 iOS 和 Android 设备上运行的聊天软件app。

4. 富媒体支持:

MirrorFly允许用户发送图像、视频和文件等多媒体内容,增强用户体验并使其适用于各种聊天应用。

5. 安全性

MirrorFly 提供端到端加密等安全功能来保护用户数据和对话,确保严格维护用户对话的隐私和安全。

6. 定制

MirrorFly 可让您根据需要自定义聊天功能。因此,您可以根据自己的喜好开发为潜在客户量身定制的实时消息软件app。

7. 轻松集成

集成 MirrorFly Flutter 聊天 API 比您想象的更容易、更快、更简单。您只需 10 分钟即可将其源代码添加到您的软件app中。

8.传输大文件

MirrorFly 可让您与其他用户共享大文件,没有任何格式或大小限制。

9、灵活部署:

无论是您自己的服务器、第三方服务器还是MirrorFly的云服务器,您都可以将您的软件app托管在任何您想要的地方。

10. 24×7支持

如果您对集成感到困惑或想了解有关 MirrorFly Flutter 聊天 API 的更多详细信息,请不要担心。技术团队随时准备在您开发的任何阶段为您提供支持。

另请阅读:10 个用于实时通信的 Flutter 包

使用 MirrorFly Flutter Chat API 开发实时消息软件app的步骤

现在,当我们开始 API 和 SDK 集成时,我想告诉您,我们将在该项目中使用 MirrorFly 的 Flutter 插件。

在开始之前,请检查该项目所需的先决条件。

要求是:

  • Android Lollipop 5.0(API 级别 21)或更高版本

  • Java 7 或更高版本

  • Gradle 4.1.0 或更高版本 Chat SDK for iOS 的最低要求

  • iOS 12.1 或更高版本

准备好要求后,请开始执行以下步骤。

获取您的许可证密钥

请按照以下步骤获取您的许可证密钥:

第 1 步注册新的 MirrorFly 帐户或登录您现有的帐户。

第 2 步:接下来,转到帐户“概述”部分中的“软件app信息”部分。

第 3 步:现在,复制您的许可证密钥

创建 Android 依赖项

第 4 步:转到 Android 文件夹,并将以下内容添加到根 build.gradle 文件中

allprojects {
 repositories {
 	google()
 	mavenCentral()
 	jcenter()
 	maven {
     	url "https://repo.mirrorfly.com/snapshot/"
 	}
 }}

 导航到 app/build.gradle 文件,然后添加以下依赖项。

android {
	packagingOptions {
 	exclude 'META-INF/AL2.0'
 	exclude 'META-INF/DEPENDENCIES'
 	exclude 'META-INF/LICENSE'
 	exclude 'META-INF/LICENSE.txt'
 	exclude 'META-INF/license.txt'
 	exclude 'META-INF/NOTICE'
 	exclude 'META-INF/NOTICE.txt'
 	exclude 'META-INF/notice.txt'
 	exclude 'META-INF/ASL2.0'
 	exclude 'META-INF/LGPL2.1'
 	exclude("META-INF/*.kotlin_module")
   }}

创建 iOS 依赖项

第 5 步:转到 iOS/Podfile 的末尾,然后添加以下代码。

post_install do |installer|
  installer.pods_project.targets.each do |target|
	flutter_additional_ios_build_settings(target)
	target.build_configurations.each do |config|
  	config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.1'
  	config.build_settings['ENABLE_BITCODE'] = 'NO'
  	config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'No'
  	config.build_settings['BUILD_LIBRARY_FOR_DISTRIBUTION'] = 'YES'
  	config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64" 	 
 	end
  endend

第 6 步:启用下面提到的所有功能。

Goto Project -> Target -> Signing & Capabilities -> Click + at the top left corner -> Search for the capabilities belowApp Groups

创建 Flutter 依赖

步骤 7:在 pubspec.yaml 中添加以下依赖项。

dependencies:
  mirrorfly_plugin: ^0.0.7

 步骤 8:运行 flutter pub get 命令。通过导入,使用所有类和方法。

import 'package:mirrorfly_plugin/mirrorfly.dart';

初始化 MirrorFly 插件

将以下代码放入 main.dart 文件中 main 函数的 runApp() 之前。

 void main() {
  WidgetsFlutterBinding.ensureInitialized();
  Mirrorfly.init(
  	baseUrl: 'https://api-preprod-sandbox.mirrorfly.com/api/v1/',
  	licenseKey: 'Your_Mirrorfly_Licence_Key',
  	iOSContainerID: 'Your_iOS_app_Group_id');
  runApp(const MyApp());
 }




用户注册

使用以下代码在沙盒实时模式下注册用户。

Mirrorfly.registerUser(userIdentifier).then((value) {
  // you will get the user registration response
  var userData = registerModelFromJson(value);}).catchError((error) {
	// Register user failed print throwable to find the exception details.
	debugPrint(error.message);});

发送一对一消息

使用以下代码启用消息发送。

var userJid = await Mirrorfly.getJid(username);Mirrorfly.sendTextMessage(message, jid).then((value) {
  // you will get the message sent success response
  var chatMessage = sendMessageModelFromJson(value);});

接收一对一消息

使用以下代码启用消息接收。

Mirrorfly.onMessageReceived.listen(result){
  // you will get the new messages
  var chatMessage = sendMessageModelFromJson(result)}

结论

就是这样了!您现在知道如何使用 Flutter Chat API 开发完整的应用内消息传递。您可以继续自定义软件app的 UI,并根据需要向软件app添加更多功能。 

如果您没有团队并且希望聘请专家在 Flutter 中开发您的品牌软件app,那么就交给我们吧。我们的专家可以为您开发完整的聊天软件app。 

还有更多问题吗?请在下面留下您的评论或立即与我们的技术团队联系! 


The End