在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

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】歡迎添加關注!文章轉載請注明出處。


聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 鴻蒙
    +關注

    關注

    59

    文章

    2542

    瀏覽量

    43834
  • OpenHarmony
    +關注

    關注

    28

    文章

    3839

    瀏覽量

    18252

原文標題:玩轉OpenHarmony社交場景:即時通訊平臺

文章出處:【微信號:gh_e4f28cfa3159,微信公眾號:OpenAtom OpenHarmony】歡迎添加關注!文章轉載請注明出處。

收藏 人收藏

    評論

    相關推薦
    熱點推薦

    ArkUI-X平臺差異化

    平臺使用場景是一套ArkTS代碼運行在多個終端設備上,如Android、iOS、OpenHarmony(含基于OpenHarmony發行的商業版,如HarmonyOS Next)。當
    發表于 06-10 23:08

    基于瑞芯微RK3562 的四核 AR M Cortex-A53 + 單核 ARM Cortex-M0工業評估板——MQTT通信方案

    MQTT作為一種低開銷,低帶寬占用的即時通訊協議,可以極少的代碼和帶寬為聯網設備提供實時可靠的消息服務,適用于硬件資源有限的設備及帶寬有限的網絡環境。我司提供的評估板文件系統已支持Mosquitto工具,本文mqtt_client案例采用Mosquitto工具演示MQTT通信協議的通信功能。
    的頭像 發表于 06-05 15:00 ?1083次閱讀
    基于瑞芯微RK3562 的四核 AR M Cortex-A53 + 單核 ARM Cortex-M0工業評估板——MQTT通信方案

    鴻蒙5開發寶藏案例分享---一多開發實例(即時通訊

    們準備好了超多實用開發案例!尤其是那個讓無數人頭疼的\"一次開發多端部署\",官方竟然悄悄塞了這么多實戰技巧!(拍大腿) ?先上硬核案例:即時通訊應用的多端魔法? 官方這個即時通訊
    發表于 06-03 16:01

    MIDI Unit:專業音頻控制單元,玩轉MIDI音樂制作

    MIDI,其實就是樂器數字化接口(MusicalInstrumentDigitalInterface)的簡稱,是一種讓樂器、計算機和其他類型硬件之間即時通訊的協議。用于演奏數據的實時傳輸,該標準允許
    的頭像 發表于 02-08 10:13 ?442次閱讀
    MIDI Unit:專業音頻控制單元,<b class='flag-5'>玩轉</b>MIDI音樂制作

    華為云 Flexus X 實例云服務器部署即時通訊 IM 項目

    @TOC ? 寫在前面 手里拿到了一臺 華為云 Flexus X 實例 的云服務器,部署部署項目試試看看性能怎么樣。正當華為云 828 上云活動,可領 8280 元的券,活動地址在這里:點我查看 ? 讓我們來看看干點什么呢?部署個實用的應用吧~ Flexus X 實例云服務器 介紹 首先,flexus 系列的產品不止有云服務器,還有如下一些產品: 1.?Flexus L 實例的云服務器 2.?Flexus X 實例的云服務器 3.?Flexus 云數據庫 RDS 4.?Flexus 云容器實例 5.?Flexus 數字人 6.?Flexus 企業搜索服務 7.?Fle
    的頭像 發表于 02-07 10:15 ?358次閱讀
    華為云 Flexus X 實例云服務器部署<b class='flag-5'>即時通訊</b> IM 項目

    HarmonyOS NEXT 原生應用開發:社交通訊錄界面實現

    一、案例想法 本DEMO展示了如何在HarmonyOS NEXT平臺上,使用ArkTS開發語言構建一個簡單的社交通訊錄界面。用戶可以在此界面上瀏覽聯系人列表,每個聯系人條目包含姓名、電話號碼以及一個
    發表于 01-09 14:37

    一文洞悉PoC公網對講與DMR數模對講的優劣之勢

    在通信領域,對講技術以其獨特的即時通訊特性,在眾多行業和場景中發揮著重要作用。其中,PoC公網對講和DMR數模對講作為兩種主流的對講技術,各自具有獨特的優勢和局限性。本文將對這兩種技術進行詳細的比較
    的頭像 發表于 12-25 16:24 ?783次閱讀
    一文洞悉PoC公網對講與DMR數模對講的優劣之勢

    [迅為RK3568開發板]非科班也能玩轉Android應用,體驗QT跨平臺能力

    [迅為RK3568開發板]非科班也能玩轉Android應用,體驗QT跨平臺能力
    的頭像 發表于 12-18 16:41 ?854次閱讀
    [迅為RK3568開發板]非科班也能<b class='flag-5'>玩轉</b>Android應用,體驗QT跨<b class='flag-5'>平臺</b>能力

    “恒峰國際”完成1億美金融資,推出區塊鏈平臺FO-X

    注入了強大的動力。 與此同時,“恒峰國際”還宣布將打造全新的區塊鏈平臺FO-X,并推出了該平臺下的首款產品——即時通訊軟件FoChat。據悉,FoChat不僅具備即時通訊的基本功能,還
    的頭像 發表于 12-13 10:41 ?7793次閱讀

    即時通話軟件音頻傳輸質量測試方案

    使用過程中的音頻傳輸質量。即時通話軟件基于移動網絡鏈路傳輸信號,通過本套測試方案中配套的網絡損傷仿真設備對傳輸鏈路添加不同的網絡影響,模擬軟件在不同網絡環境下的使用情況,進而測得更接近真實應用場景下的音頻傳輸質量。 POLQA測試算法是基于心理聲學模型,模擬人類聽覺系統對
    的頭像 發表于 12-03 14:34 ?647次閱讀
    <b class='flag-5'>即時通</b>話軟件音頻傳輸質量測試方案

    無線通信測試平臺的技術原理和應用場景

    無線通信測試平臺的技術原理和應用場景是無線通信領域的重要組成部分。以下是對這兩個方面的詳細闡述:一、無線通信測試平臺的技術原理無線通信測試平臺的技術原理主要基于無線信號傳輸和接收過程中
    發表于 11-06 14:29

    純血鴻蒙開啟公測 360織語內測“嘗鮮版”主攻企業即時通訊

    鴻蒙
    的頭像 發表于 10-10 10:36 ?507次閱讀

    物聯網行業中MQTT通信協議詳解以及使用

    ,該協議構建于TCP/IP協議上,由IBM在1999年發布。 MQTT最大優點在于, 用極少的代碼和有限的帶寬,為連接遠程設備提供實時可靠的消息服務 。 作為一種低開銷、低帶寬占用的即時通訊協議,使其
    的頭像 發表于 09-20 17:08 ?2460次閱讀
    物聯網行業中MQTT通信協議詳解以及使用

    對等通訊協議有哪些類型

    對等通訊協議(Peer-to-Peer Protocols)是計算機網絡中允許兩個或多個節點直接相互通信而無需通過中間服務器的協議。這類協議在文件共享、即時通信、區塊鏈技術等領域有廣泛應用。以下
    的頭像 發表于 09-09 17:11 ?1064次閱讀

    Meta旗下社交平臺Threads推出新功能

    Meta旗下的新興社交平臺Threads近期宣布了一系列新功能的推出,旨在為企業用戶和數字創作者提供更加便捷和強大的內容管理工具。此次更新不僅豐富了平臺的交互體驗,還進一步提升了數據透明度與發布效率。
    的頭像 發表于 08-16 18:00 ?1976次閱讀
    主站蜘蛛池模板: swag系列国产精品 | 午夜伦y4480影院中文字幕 | 2021国产精品 | 好色亚洲 | 曰本女人一级毛片看一级毛 | 2018天天干天天射 | 99干99| 日韩美女奶水喂男人在线观看 | 精品视频一二三区 | 在线观看亚洲成人 | 日本美女黄视频 | www.热| 成人在线亚洲 | 天天干夜夜艹 | 99久久精品99999久久 | 18满xo影院视频免费体验区 | 日本人xxxxxxxxx69 | 国产免费成人在线视频 | 欧美性猛交xxxx黑人猛交 | 日韩a毛片免费全部播放完整 | 欧美生活性色 | 免费的毛片 | 色女人在线 | 九九99视频在线观看视频观看 | 色在线视频观看 | 美脚连裤袜老师正在播放 | 亚洲午夜久久久久国产 | 色网址在线观看 | japan高清视频乱xxxxx | www.色爱| 亚州一级毛片 | 日本色免费 | 大黄一级片 | 成人黄色免费看 | 色老头免费视频 | 色播影院性播免费看 | 欧美日韩一区二区视频图片 | 手机在线观看毛片 | 国产男女免费视频 | 成年女人毛片免费视频 | 午夜一级成人 |