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

img

关注公众号“腾讯云视频”,一键获取 技术干货 | 优惠活动 | 视频方案

“晚上去哪吃饭啊?”

桌面上来自一条晚上约饭的对话框——QQ。

突然灵光一现,新出了优化的IM SDK,可以尝试着搭建一个类似QQ的即时通讯软件

01

注册账号

腾讯云官网

注册腾讯云账号,也可以使用QQ或者微信直接登陆

02

创建应用

选择【产品】→【云通信】→【立即使用】→【创建应用接入】

img

img

img

03

SDK接入

1、集成SDK

【下载云通信SDK】包括IMSDK(云通信SDK)、TUIKit(基础界面库)

2、生成UserSig

在【基础配置】下载公私钥,使用【开发辅助工具】生成测试用户的UserSig

img

img

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) { //点击注册时业务自己的注册逻辑 } }); }

界面实图

img

img

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();

界面实图

img

img

6、创建聊天界面

Android代码

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

界面实图

img

img

img

img

7、群管理

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zydpzd.html