使用 Flutter 快速实现聊天应用

会话列表要展示当前用户所参与的会话,会话名称、会话的成员,会话的最后一条消息。还需要展示未读消息数目。

会话列表对应 Conversation 表,查询当前用户的全部会话只需要下面两行代码:

ConversationQuery query = client.conversationQuery();

await query.find();

按照会话的更新时间排序:

query.orderByDescending(‘updatedAt’);

为了展示会话的最新一条消息,查询的时候要额外加上这行代码:

//让查询结果附带一条最新消息

query.includeLastMessage = true;

这样会话页面的后端数据就搞定了。下面看一下如何显示数据。

会话查询成功返回的数据格式是 Conversation 类型的 List。

  • conversation.name 即会话的名称

  • conversation.members 即会话成员

  • conversation.lastMessage 就是当前会话的最新一条消息了。

未读消息数的处理

如果要在 Android 设备上运行,需要在初始化 Java SDK 的时候加上下面这行代码,表示开启未读消息数通知:

AVIMOptions.getGlobalOptions().setUnreadNotificationEnabled(true);

swift SDK 是默认支持,无需额外设置。

可以监听 onUnreadMessageCountUpdated 时间获取未读消息数通知:

client.onUnreadMessageCountUpdated = ({

Client client,

Conversation conversation,

}) {

// conversation.unreadMessageCount 即该 conversation 的未读消息数量

};

注意要在以下两处清除未读消息数:

  • 在对话列表点击某对话进入到对话页面时

  • 用户正在某个对话页面聊天,并在这个对话中收到了消息时

会话详情页面


上拉加载更多历史消息

查询聊天记录的时候,先查最近的 10 条消息,然后以第一页的最早的消息作为开始,继续向前拉取消息:

List messages;

try {

//第一次查询成功

messages = await conversation.queryMessage(

limit: 10,

);

} catch (e) {

print(e);

}

try {

// 返回的消息一定是时间增序排列,也就是最早的消息一定是第一个

Message oldMessage = messages.first;

// 以第一页的最早的消息作为开始,继续向前拉取消息

List messages2 = await conversation.queryMessage(

startTimestamp: oldMessage.sentTimestamp,

startMessageID: oldMessage.id,

startClosed: true,

limit: 10,

);

} catch (e) {

print(e);

}

修改会话名

对话的名称是会话表 Conversation 默认的属性,更新会话名称只需要执行:

await conversation.updateInfo(attributes: {

‘name’: ‘New Name’,

});

图片、语音消息

LeanCloud 即时通信 SDK 提供了下面几种默认的消息类型,Demo 中只用到了文本消息,图像消息和语音消息。

  • TextMessage 文本消息

  • ImageMessage 图像消息

  • AudioMessage 音频消息

  • VideoMessage 视频消息

  • FileMessage 普通文件消息(.txt/.doc/.md 等各种)

  • LocationMessage 地理位置消息

注意,图片与语音消息需要先保存成 LCFile,然后再调用发消息接口发消息。

比如发送音频消息。第一步先保存音频文件为 LCFile:

LCFile file = await LCFile.fromPath(‘message.wav’, path);

await file.save();

第二步,再发消息:

//发送消息

AudioMessage audioMessage = AudioMessage.from(

binaryData: file.data,

format: ‘wav’,

);

await this.widget.conversation.send(message: audioMessage);

还要注意 iOS 设备发送图片消息注意打开相册和相机权限,语音消息需要麦克风权限:

NSMicrophoneUsageDescription

录音功能需要访问麦克风,如果不允许,你将无法在聊天过程中发送语音消息。

NSCameraUsageDescription

发送图片功能需要访问您的相机。如果不允许,你将无法在聊天过程中发送图片消息。

NSPhotoLibraryUsageDescription

发送图片功能需要访问您的相册。如果不允许,你将无法在聊天过程中发送相册中的图片。

离线推送通知


当用户下线以后,收到消息的时候,往往希望能有推送提醒。最简单的一种推送设置就是在 LeanCloud 控制台 > 消息 > 即时通讯 > 设置 > 离线推送设置 页面,填入:

{ “alert”: “您有新的消息”, “badge”: “Increment” }

这样 iOS 设备有离线消息的时候会收到提醒。这里 badge 参数为 iOS 设备专用,用于增加应用 badge 上的数字计数。

如果想在 Android 设备上实现离线推送,要增加一步接入 Android 混合推送

当然在实际项目中,离线消息的提醒往往会要求更加具体,比如推送中要包括消息的内容或者消息类型等。LeanCloud 也提供了其他几种定制离线推送的方法,感兴趣可以自行查阅文档

还要注意,iOS 推送一定要正确配置 配置 APNs 推送证书,并打开 Xcode 的推送开关:

7

AppDelegate.swift 中开启推送,要这样设置:

import Flutter

import LeanCloud

import UserNotifications

@UIApplicationMain

@objc class AppDelegate: FlutterAppDelegate {

override func application(

_ application: UIApplication,

didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?

) -> Bool {

do {

LCApplication.logLevel = .all

try LCApplication.default.set(

id: “你的APPID”,

key: “你的 APPKey”,

serverURL: “服务器地址”)

GeneratedPluginRegistrant.register(with: self)

/*

register APNs to access token, like this:

*/

UNUserNotificationCenter.current().getNotificationSettings { (settings) in

switch settings.authorizationStatus {

case .authorized:

DispatchQueue.main.async {

UIApplication.shared.registerForRemoteNotifications()

}

case .notDetermined:

UNUserNotificationCenter.current().requestAuthorization(options: [.badge, .alert, .sound]) { (granted, error) in

if granted {

DispatchQueue.main.async {

UIApplication.shared.registerForRemoteNotifications()

}

}

}

default:

break

}

_ = LCApplication.default.currentInstallation

}

return super.application(application, didFinishLaunchingWithOptions: launchOptions)

} catch {

fatalError(“(error)”)

}

}

override func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) {

/*

set APNs deviceToken and Team ID.

*/

LCApplication.default.currentInstallation.set(

deviceToken: deviceToken,

apnsTeamId: “你的 TeamId”)

/*

save to LeanCloud.

*/

LCApplication.default.currentInstallation.save { (result) in

switch result {

case .success:

break

case .failure(error: let error):

print(error)

}

}

}

override func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) {

//如果注册推送失败,可以检查 error 信息

print(error)

}

}

投诉举报、黑名单


在 APP Store 审核过程中,因为用户可以随意发送消息,被要求对用户生成的内容要有适当的预防措施。

要求提供下面这两条内容:

  • A mechanism for users to flag objectionable content

用户标记不良信息的机制,就是举报功能。

  • A mechanism for users to block abusive users

用户阻止滥用用户的机制,实际就是黑名单。

实现举报功能

我的解决办法是在消息处长按弹出举报窗口。

8

使用 LeanCloud 存储服务,新建一张 Report 表用于记录举报信息:

//保存一条举报信息

LCObject report = LCObject(‘Report’);

report[‘clientID’] = Global.clientID; //举报人

report[‘messageID’] = messageID; //消息 ID

report[‘conversationID’] = this.widget.conversation.id; //会话 ID

report[‘content’] = _selectedReportList.toString(); //举报内容

await report.save(); //保存举报信息

可以在控制台查看举报内容:

9

实现黑名单功能

10

我的解决办法是,在联系人列表处单击联系人弹框提示是否加入黑名单。

黑名单实现思路是新建一张 BlackList 表,来保存每个用户的黑名单列表,使用 LeanCloud 云函数 实现屏蔽消息。在 _messageReceived 这个 Hook 函数下(这个 hook 发生在消息到达 LeanCloud 云端之后),先查此条消息的发件人与收件人是否在黑名单列表,如果在黑名单列表就删除其中要求屏蔽的收件人,返回新的收件人列表。

实现起来也比较简单,把下面这个云函数粘贴在 LeanCloud 控制台 > 云引擎 >云函数在线编辑框中即可。

最后说一下我的学习路线

其实很简单就下面这张图,含概了Android所有需要学的知识点,一共8大板块:

  1. 架构师筑基必备技能
  2. Android框架体系架构(高级UI+FrameWork源码)
  3. 360°Androidapp全方位性能调优
  4. 设计思想解读开源框架
  5. NDK模块开发
  6. 移动架构师专题项目实战环节
  7. 移动架构师不可不学习微信小程序
  8. 混合开发的flutter

Android学习的资料

我呢,把上面八大板块的分支都系统的做了一份学习系统的资料和视频,大概就下面这些,我就不全部写出来了,不然太长了影响大家的阅读。

330页PDF Android学习核心笔记(内含上面8大板块)

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术:

  • 1、多看书、看源码和做项目,平时多种总结

  • 2、不能停留在一些基本api的使用上,应该往更深层次的方向去研究,比如activity、view的内部运行机制,比如Android内存优化,比如aidl,比如JNI等,并不仅仅停留在会用,而要通过阅读源码,理解其实现原理

  • 3、同时对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习

  • 4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!

希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
的分支都系统的做了一份学习系统的资料和视频,大概就下面这些,我就不全部写出来了,不然太长了影响大家的阅读。

330页PDF Android学习核心笔记(内含上面8大板块)

[外链图片转存中…(img-pYgQ1dbd-1715185649801)]

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术:

  • 1、多看书、看源码和做项目,平时多种总结

  • 2、不能停留在一些基本api的使用上,应该往更深层次的方向去研究,比如activity、view的内部运行机制,比如Android内存优化,比如aidl,比如JNI等,并不仅仅停留在会用,而要通过阅读源码,理解其实现原理

  • 3、同时对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习

  • 4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!

希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 17
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter是一个跨平台的应用程序开发框架,可以用于创建Android、iOS和Web应用程序。由于Flutter是跨平台的,因此可以使用它来创建Windows应用程序。 要获取带宽,可以使用Dart中的网络库来获取网络连接的信息。可以使用ping命令测试网络连接的速度,并使用Socket库来获取网络连接的状态。 以下是一个简单示例,演示如何在Windows上使用Flutter获取带宽: 1. 创建一个新的Flutter项目 在命令行中运行以下命令,创建一个新的Flutter项目: ``` flutter create bandwidth_test ``` 2. 添加网络库 在pubspec.yaml文件中添加网络库: ``` dependencies: http: ^0.13.3 ``` 3. 获取网络连接速度 使用http库发送ping请求,然后计算响应时间来获取网络连接速度: ``` import 'package:http/http.dart' as http; import 'dart:math'; Future<double> getBandwidth() async { var url = "www.google.com"; var response = await http.get(Uri.parse("http://$url")); var latency = response.elapsedMilliseconds; var size = response.contentLength; var speed = size / latency; return speed; } ``` 4. 获取网络连接状态 使用Socket库来测试网络连接状态: ``` import 'dart:io'; Future<bool> isConnected() async { try { final result = await InternetAddress.lookup('google.com'); return result.isNotEmpty && result[0].rawAddress.isNotEmpty; } on SocketException catch (_) { return false; } } ``` 5. 在Windows上运行应用程序 使用Flutter的Windows支持,在命令行中运行以下命令来构建和运行应用程序: ``` flutter run -d windows ``` 这将启动一个Windows应用程序,它将显示当前的网络连接速度和状态。 总结: 使用Flutter开发Windows应用程序可以很容易地获取网络连接的速度和状态。Flutter的跨平台特性使其成为一个非常有用的开发框架,可以用于创建各种类型的应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值