0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

玩转OpenHarmony社交场景:即时通讯平台

OpenAtom OpenHarmony 来源:未知 2023-01-01 08:05 次阅读

开源项目 OpenHarmony是每个人的 OpenHarmonyad914b52-8964-11ed-bfe3-dac502259ad0.jpg

朱伟

中国科学院软件所

OpenHarmony知识体系工作组

一、简介

本样例是基于即时通讯(Instant messaging,简称IM)服务实现的OpenAtom OpenHarmony(简称“OpenHarmony”)应用,允许两人或多人使用互联网即时地传递文字、图片、文件、语音、emoji等讯息,可应用于各类聊天场景,为人们带来更加及时高效的通讯体验。 此外即时通讯平台具备较高的定制化特点,适用于多种行业,客户可以根据自己的需求来定制,实现即时通讯的内部私有化。 设备端:DAYU200(RK3568)开发板,OpenHarmony 3.1 release系统。

二、即时通讯实现原理

想要实现多个设备之间的无障碍即时通讯,需要多台终端设备、终端应用和服务器配合一起使用。首先应该将终端应用安装到终端设备上,用户通过应用向服务器申请注册账号。随后,用户可以通过账号进行查找,添加其他好友,并向好友发送文字、图片、文件、语音、emoji等讯息。用户发送的讯息会先送达服务器,由服务器判断其好友的状态(离线/在线),然后选择发送或者暂时缓存消息等操作。最后,好友的终端应用接收到消息。实现即时通讯的设备需求:安装应用的终端设备、网络环境和云端服务器。前提条件:用户将应用安装在终端设备上,并且拥有注册账号,且需要通讯的用户也成功注册了账号并且添加了好友。通讯原理:用户在安装了应用的终端设备上编辑信息(文字、图片、文件、语音、emoji等),通过网络将消息发送至云端服务器。当对方用户在线时,云端服务器将把消息推送给对方用户,对方用户安装了应用的终端设备也将接收到信息。当对方用户不在线时,信息将被暂时缓存在云端服务器。

三、4步实现多人即时通讯

(1)通讯功能 通讯功能是通过TCP协议实现的,我们将通讯接口connect()、send()、receive()的实现放置在CPP文件中,通过NAPI的方式对JS层暴露接口。 •connect():客户端和服务器建立连接; • send():消息发送功能 • receive():消息接收功能;
//建立TCP连接
if (connect(sock_cli, (struct sockaddr *)&servaddr, sizeof(servaddr)) < 0) {
    napi_create_int32(env, 0, &result);
} else {
    napi_create_int32(env, 1, &result);
    OH_LOG_INFO(LOG_APP,"C++ 接收线程启动");
    startRec();
}
 //发送消息
if(send(sock_cli, data, strlen(data),0) == -1) {
    OH_LOG_INFO(LOG_APP,"zjf == send() : -1");
    napi_create_int32(env, 0, &result);
} else {
    OH_LOG_INFO(LOG_APP,"zjf == send() : !-1");
    napi_create_int32(env, 1, &result);
}
//接收消息
getStep(queue0,sharedMessage); //取出一条消息
const char *c_s=sharedMessage.c_str();//换为char*形式处理
napi_value result;
napi_create_string_utf8(env, c_s, sharedMessage.length(), &result);
std::string().swap(sharedMessage);//清空字符串
(2)文件消息的发送与接收adf71db0-8964-11ed-bfe3-dac502259ad0.png   文件转发是即时通讯办公场景下的重要功能。样例中的文件功能支持文件消息的发送、接收和下载。用户通过点击聊天界面的“+”按钮,选择“文件”按钮,完成本地文件的浏览,随后可以选择是否将文件发送给好友。这个功能的实现包括三个步骤:(1)文件的选择;(2)文件上传到服务器;(3)文件的接收。 • 文件上传
//文件的选择
let file1 = {filename: this.$app.$def.uid +'-'+ FILE_URL, name: 'file', uri: FILE_URL, type:fileType }
let fileId = this.guid();
let data = {};
let header = { "filename": this.selectedFileName.toString()};
//文件上传到服务器
request.upload({ url: "http://" + this.$app.$def.ip +"/file/fileUpload?fileSignature=" + fileId + "&uid=" +this.$app.$def.uid + "&fileType=" +this.$app.$def.chatData[this.idx].unRead, header: header, method: "POST", files: [file1], data: [data] }).then((data) => {
  uploadTask = data;
  uploadTask.on('headerReceive', function callback(headers){
  _this.socketSendFile(fileId, timestamp);
  });
}).catch((err) => {
  console.error('fileSelect=====Failed to request the upload. Cause: ' + JSON.stringify(err));
})
//文件的接收
let downloadConfig = {  //下载参数
            url: fileUrl, 
            header: {}, 
            enableMetered: true, 
            enableRoaming: true,
            filePath: '/data/storage/el2/base/haps/entry/files/' + downloadFileName,
            networkType: request.NETWORK_WIFI
}
request.download(downloadConfig, (err, data) => {
        if (err) {
            return;
        }
        downloadTask = data;
        //下载完成
        downloadTask.on('complete', function callback() {
                prompt.showToast({
                   message: '下载文件成功!',
                   duration: 1000,
                });
});
(3)语音消息的发送与接收 ae0ccc28-8964-11ed-bfe3-dac502259ad0.png   用户通过点击聊天界面的录制按钮,完成语音的录制,随后可以选择是否将语音发送给好友。这个功能的实现包括三个步骤:(1)语音的录制;(2)语音上传到服务器;(3)语音的接收。 图片消息的发送与语音消息的发送步骤相同,文章中不再赘述。
//语音录制
startRecorder(config, callback) {
    if (typeof (this.audioRecorder) !== 'undefined') {
        this.audioRecorder.on('prepare', () => {
        this.audioRecorder.start()
    })
        this.audioRecorder.on('start', () => {
            callback()
        })
        this.audioRecorder.prepare(config)
     } else {
        logger.info(`${TAG} case failed, audiorecorder is null`)
    }
}


//录制好的语音文件的位置
let srcPath = 'internal://cache/' + this.mainData.file + '.wav'
let file1 = { filename: this.$app.$def.uid +'-'+ this.mainData.path, name: 'audio', uri: srcPath, type: "wav" };


//语音消息发送到服务器
request.upload({ url: myurl, header: header, method: "POST", files: [file1], data: [data] }).then((data) => {
            uploadTask = data;
            uploadTask.on('headerReceive', function callback(headers){
              _this.sendAudio(audioId)
            });
            uploadTask.on('progress', function callback(uploadedSize, totalSize) {
                console.info("dialogPages=====upload totalSize:" + totalSize + "  uploadedSize:" + uploadedSize);
            });
        }).catch((err) => {
            console.error('dialogPages=====Failed to request the upload. Cause: ' + JSON.stringify(err));
        })
//语音的接收
let downloadConfig = {    //下载参数
        url: item.content.path,
        header: {},  
        enableMetered: true,                      
        enableRoaming: true,                      
        filePath: filePath,               
        networkType: request.NETWORK_WIFI        
}
        let downloadTask;
        let _this = this
        request.download(downloadConfig, (err, data) => {
            if (err) {
                 return;
            }
            downloadTask = data;
            //下载完成
            downloadTask.on('complete', function callback() {
               let audio = {
                  content: { path: filePath }
                 }
                 _this.playAudio(audio)
});
(4)emoji消息的发送与接收 ae25034c-8964-11ed-bfe3-dac502259ad0.png   emoji是即时通讯软件不可缺少的一部分,可以更加生动地表现用户的聊天情感。在样例中,用户通过点击聊天界面的emoji按钮,即可找到目前应用内支持的所有样式的emoji,随后可以选择具体样式并将其发送给好友。
//引入emoji第三方组件
<element name="emojiExpression" src="../../common/components/emojiExpression/emojiExpression.hml">element>


//第三方组件的展示布局
<div id="moreContainer" if="{{showFace}}">
    <div id="moreOneLine">
        <div class="moreFillGap" style="flex: 1 1;">div>
        <text style="left: 25fp; top: 10fp;">所有表情text>
        <emojiExpression>emojiExpression>
        <div class="moreFillGap" style="flex: 1 1;">div>
    div>
div>

四、即时通讯功能总结

本样例是基于OpenHarmony实现的即时通讯应用,目前已经支持文字、图片、文件、语音、emoji等讯息的快速发送与接收。除此之外还实现了好友的添加与删除、黑名单、安全登录、私聊/群聊、个人信息设置(二维码/头像等)等功能的全方面支持。 代码地址

https://gitee.com/isrc_ohos/instant-message_ohos

五、相关参考链接

样例源码

https://gitee.com/isrc_ohos/instant-message_ohos

OpenHarmony知识体系工作组

https://gitee.com/openharmony-sig/knowledge


原文标题:玩转OpenHarmony社交场景:即时通讯平台

文章出处:【微信公众号:OpenAtom OpenHarmony】欢迎添加关注!文章转载请注明出处。


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 鸿蒙
    +关注

    关注

    57

    文章

    2301

    浏览量

    42667
  • OpenHarmony
    +关注

    关注

    25

    文章

    3628

    浏览量

    16027

原文标题:玩转OpenHarmony社交场景:即时通讯平台

文章出处:【微信号:gh_e4f28cfa3159,微信公众号:OpenAtom OpenHarmony】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    纯血鸿蒙开启公测 360织语内测“尝鲜版”主攻企业即时通讯

    鸿蒙
    的头像 发表于 10-10 10:36 199次阅读

    对等通讯协议有哪些类型

    对等通讯协议(Peer-to-Peer Protocols)是计算机网络中允许两个或多个节点直接相互通信而无需通过中间服务器的协议。这类协议在文件共享、即时通信、区块链技术等领域有广泛应用。以下
    的头像 发表于 09-09 17:11 283次阅读

    润开鸿全场景应用开发实训平台通过OpenHarmony兼容性测评

    近日,江苏润开鸿数字科技有限公司(以下简称“润开鸿”)基于OpenHarmony的全场景应用开发实训平台通过OpenHarmony 3.2. Release版本兼容性测评,为高校开展
    的头像 发表于 01-22 10:08 618次阅读

    润开鸿基于OpenHarmony的全场景应用开发实训平台通过兼容性测评

    近日,江苏润开鸿数字科技有限公司(以下简称“润开鸿”)基于OpenHarmony的全场景应用开发实训平台通过OpenHarmony3.2.Release版本兼容性测评,为高校开展
    的头像 发表于 01-20 08:02 467次阅读
    润开鸿基于<b class='flag-5'>OpenHarmony</b>的全<b class='flag-5'>场景</b>应用开发实训<b class='flag-5'>平台</b>通过兼容性测评

    欧盟强制科技巨头遵守新规,24家公司联手指控谷歌、亚马逊

     其中,根据欧盟《数字市场法案》,用户规模超4.5亿、市值达750亿欧元(约合812亿美元)以上者将被视作“看门人”,需严格遵守欧盟规定,例如开放即时通讯应用互通性,设定设备预装应用由用户决定等。此外,不得实施“偏袒自家服务”。
    的头像 发表于 01-17 10:38 606次阅读

    【飞腾派4G版免费试用】3.JITSI视频会议想开就开

    时长的会议软件呢?答案是有的,你只需要在 飞腾派 上搭建JITSI ,就可以拥有一个开源的、安全、支持视频会议和即时通讯平台。 什么是JITSI Jitsi Meet 是一个开源的、安全、支持视频会议
    发表于 12-25 18:44

    润开鸿AT32开发平台通过OpenHarmony兼容性测评

    、智慧城市等具体应用场景的嵌入式设备开发及教学实训。 润开鸿AT32开发平台 就在10月中旬举办的第60届高等教育博览会上,润开鸿全新发布了面向智慧交通综合场景的基于OpenHarmony
    发表于 12-21 17:20

    润开鸿AT32开发平台通过OpenHarmony兼容性测评

    点击蓝字 ╳ 关注我们 开源项目 OpenHarmony 是每个人的 OpenHarmony 近期,江苏润开鸿数字科技有限公司(以下简称“润开鸿”)AT32开发平台通过OpenAtom
    的头像 发表于 12-20 21:10 625次阅读
    润开鸿AT32开发<b class='flag-5'>平台</b>通过<b class='flag-5'>OpenHarmony</b>兼容性测评

    openharmony开发应用

    随着智能设备的普及和多样化,开发者们对于更加灵活、高效的操作系统需求与日俱增。在这个背景下,华为推出了OpenHarmony,一个全场景智能终端操作系统和生态平台。本文将详细探讨
    的头像 发表于 12-19 09:42 602次阅读

    润开鸿AT32开发平台通过OpenHarmony兼容性测评

    近期,江苏润开鸿数字科技有限公司(以下简称“润开鸿”)AT32开发平台通过OpenHarmony3.2.Release版本兼容性测评,助力润开鸿基于该开发平台全新研发推出的行业终端设备顺利融入
    的头像 发表于 12-15 08:02 564次阅读
    润开鸿AT32开发<b class='flag-5'>平台</b>通过<b class='flag-5'>OpenHarmony</b>兼容性测评

    OpenHarmony Meetup北京站招募令

    OpenHarmony Meetup城市巡回北京站火热来袭!! 日期:2023年11月25日14:00 地点:中国科学院软件园区五号楼B402 与OpenHarmony技术大咖近距离互动,分享技术
    发表于 11-20 14:54

    重磅!《兆芯&amp;中科方德生态联合解决方案》全新发布

    角度、多个方向解决关基行业痛点。 此版《方案》,兆芯与中科方德联合了众多生态伙伴,推出文档共享、云桌面、办公自动化、内网安全管理、金融智脑、即时通讯、电子签章、智慧教学、工业设计等各类技术解决方案,为关键基础
    的头像 发表于 11-16 20:10 654次阅读
    重磅!《兆芯&amp;中科方德生态联合解决方案》全新发布

    OpenHarmony技术大会 | 应用(北向)生态分论坛圆满举办:众行远,携手打造全场景生态

    点击蓝字 ╳ 关注我们 开源项目 OpenHarmony 是每个人的 OpenHarmony场景时代下,用户需求变得越来越多元化。软件服务又称北向应用,应用生态围绕着一个共同的技术平台
    的头像 发表于 11-11 21:10 981次阅读

    陈海波:OpenHarmony技术领先,产学研深度协同,生态蓬勃发展

    。 根深叶茂,OpenHarmony四大技术架构竞争力领先,生态蓬勃发展 OpenHarmony以“面向万物智联世界,构建分布式全场景协同的开源操作系统基座与生态系统”为技术愿景,秉持“生态统一
    发表于 11-06 14:35

    数智共创,华为WeLink 赋能哈工大卓越发展

    复杂、应用多分散、信息安全等方面的巨大挑战。 自 2021 年哈工大与华为公司开展 WeLink 项目合作以来,哈工大基于华为云 WeLink 的专属定制,构建了移动端的协同办公服务平台“哈工大”APP,为校内师生提供了即时通讯、校内新闻、消息通知、邮
    的头像 发表于 11-05 14:49 542次阅读
    数智共创,华为WeLink 赋能哈工大卓越发展