开发一款即时通讯App,从这几步开始

7次阅读

共计 2968 个字符,预计需要花费 8 分钟才能阅读完成。

欢迎大家前往腾讯云 + 社区,获取更多腾讯海量技术实践干货哦~
本文由腾讯云视频发表于云 + 社区专栏

关注公众号“腾讯云视频”,一键获取 技术干货 | 优惠活动 | 视频方案
“晚上去哪吃饭啊?”
桌面上来自一条晚上约饭的对话框——QQ。
突然灵光一现,新出了优化的 IM SDK,可以尝试着搭建一个类似 QQ 的即时通讯软件
01
注册账号
腾讯云官网
注册腾讯云账号,也可以使用 QQ 或者微信直接登陆
02
创建应用
选择【产品】→【云通信】→【立即使用】→【创建应用接入】

03
SDK 接入
1、集成 SDK
【下载云通信 SDK】包括 IMSDK(云通信 SDK)、TUIKit(基础界面库)
2、生成 UserSig
在【基础配置】下载公私钥,使用【开发辅助工具】生成测试用户的 UserSig

3、初始化 SDK
Android 代码
// 应用启动时(一般为 Application 的 onCreate)配置 UIKit 的基本配置,具体参数说明参考 API
BaseUIKitConfigs uiKitConfigs = new BaseUIKitConfigs();
uiKitConfigs.appCacheDir(Constants.APP_DIR_CACHE).audioRecordMaxTime(120)
.disableAudioPlayedStatusIcon(true).disableAutoPlayNextAudio(true)
.ChatProcessor(new PojoChatProcessor());
ILiveUIKit.init(this, uiKitConfigs);
4、创建登陆界面
Android 代码
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 实例化登录面板
mLoginPanel = new LoginView(this);
// 将登录组件设置为登录 Activity 的基本布局,也可在布局文件 xml 中引用 LoginView
setContentView((View) mLoginPanel);
// 添加登录组件的动作事件,登录点击与注册点击
mLoginPanel.setLoginEvent(new ILoginEvent() {
@Override
public void onLoginClick(View view, String userName, String password) {
// 点击登录时业务自己的登录逻辑
}

@Override
public void onRegisterClick(View view, String userName, String password) {
// 点击注册时业务自己的注册逻辑
}
});
}
界面实图

5、创建会话列表
布局文件
<!– 在会话列表布局文件中引用会话列表组件,也可参考登录面板在代码中设置 –>
<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:app=”http://schemas.android.com/apk/res-auto”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”vertical”
tools:context=”.main.MainActivity”>

<com.tencent.qcloud.uikit.business.session.view.SessionPanel
android:id=”@+id/session_panel”
android:layout_width=”match_parent”
android:layout_height=”match_parent” />

</LinearLayout>
Android 代码
/**
* 获取会话列表组件,初始化默认设置
* 会话组件的默认设置已经实现了会话数据的拉取与处理(与 IMSDK 关联完成相关逻辑)
* 开发者如为特殊要求直接初始化默认设置即可
* 另会话组件提供的可扩展的事件和 UI 处理,具体可参考 API 文档
*/
sessionPanel = baseView.findViewById(R.id.session_panel);
sessionPanel.initDefault();
界面实图

6、创建聊天界面
Android 代码
// 从布局文件中获取聊天面板组件
chatPanel = mBaseView.findViewById(R.id.chat_panel);
/*
* 会话组件的默认设置已经实现了会话数据的拉取与处理(与 IMSDK 关联完成相关逻辑)
* 开发者如无特殊要求直接初始化默认设置即可
* 另聊天面板组件提供的可扩展的事件和 UI 处理,具体可参考 API 文档
*/
chatPanel.initDefault();
// 生成聊天基本信息,如聊天对象的昵称,头像,最后一页聊天信息等
BaseChatInfo info = getChatInfo();
// 设置基本信息,以便用户进入该页面时能即时展示相关信息
chatPanel.setBaseChatInfo(info);
界面实图

7、群管理
Android 代码
// 从布局文件中获群管理面板组件
GroupManagerPanel groupManagerPanel = mBaseView.findViewById(R.id.group_manager_panel);
/*
* 群管理组件的默认设置已经实现了群管理相关的逻辑也操作(与 IMSDK 关联完成相关逻辑)
* 开发者如无特殊要求直接初始化默认设置即可
* 另聊群管理组件提供的可扩展的事件和 UI 处理,具体可参考 API 文档
*/
groupManagerPanel.initDefault();
界面实图

通过以上几个步骤,一个拥有单聊、群聊的即时通讯 App 就这样完成了
再次崇拜自己的动手能力,一天就能搭建完成一个 APP,啦啦啦啦啦啦~

最后,了解一下经过优化后的新版本 IM SDK
IM SDK

体积优化
1.android so 体积 <1M
2.ios 体积增量 <2M

性能优化
1. 线程裁剪(单线程架构,减少线程切换和线程同步开支)
2.cpu 占用优化(线程裁剪、代码逻辑优化)

消息到达率
深度优化业务逻辑层、会话策略层和网络层,实现四个九(99.99%)的消息到达率

数据监控
用户级数据监控,实时跟踪和统计用户行为

dau/mau
功能统计
用户分布


海外布点
增加富媒体消息海外布点,为图片视频语音文件的上传下载提速

版本兼容
与老版本兼容,实现无缝切换

UIKit 插件
一套多功能自定义界面库,实现会话列表、聊天、联系人、群管理、弹幕等界面,实现客户一天接入

问答请问小程序即时通讯如何接入发送消息?相关阅读 IM 即时通讯实现原理 iOS 即时通讯 + 仿微信聊天框架 + 源码开发一款即时通讯 App,从这几步开始【每日课程推荐】机器学习实战!快速入门在线广告业务及 CTR 相应知识

正文完
 0