鴻蒙網(wǎng)絡(luò)編程系列49-倉(cāng)頡版TCP客戶端

1. TCP客戶端簡(jiǎn)介

TCP協(xié)議作為傳輸層的核心協(xié)議渔扎,確保了數(shù)據(jù)傳輸?shù)目煽啃耘c順序性井氢,構(gòu)成了許多廣泛應(yīng)用的高層協(xié)議的基礎(chǔ)瘪板。相較于UDP捂龄,TCP在正式開(kāi)始數(shù)據(jù)傳輸前需完成三次握手以建立連接淑仆,這一過(guò)程雖然使得TCP在效率上略遜一籌涝婉,但其采用的發(fā)送-確認(rèn)機(jī)制確保了數(shù)據(jù)傳輸?shù)母叨瓤煽啃浴4送庹岬。ㄟ^(guò)引入滑動(dòng)窗口機(jī)制墩弯,TCP不僅能夠有效提升數(shù)據(jù)傳輸效率吩跋,還能夠在一定程度上優(yōu)化網(wǎng)絡(luò)資源的利用。因此渔工,盡管TCP在建立連接方面存在一定的開(kāi)銷锌钮,但它憑借強(qiáng)大的可靠性和高效的傳輸特性,在眾多應(yīng)用場(chǎng)景中占據(jù)著不可或缺的地位引矩。本系列的第3篇文章《鴻蒙網(wǎng)絡(luò)編程系列3-TCP客戶端通訊示例》中基于ArkTS語(yǔ)言在API 9的環(huán)境下演示了TCP客戶端的基本用法梁丘,本文將使用倉(cāng)頡語(yǔ)言在API 12的環(huán)境中實(shí)現(xiàn)類似的功能。

2. TCP套接字函數(shù)簡(jiǎn)介

在適配ArkTS的鴻蒙API中旺韭,提供了TCPSocket類作為T(mén)CP客戶端套接字的封裝氛谜,但是,在適配倉(cāng)頡的鴻蒙API中区端,暫時(shí)沒(méi)有提供類似的封裝類值漫,不過(guò),倉(cāng)頡基礎(chǔ)類庫(kù)中內(nèi)置了TcpSocket類织盼,可以提供類似的更加強(qiáng)大的功能杨何。該類和本文相關(guān)的主要函數(shù)如下所示:

//使用地址和端口創(chuàng)建一個(gè)未連接的套接字
public init(address: String, port: UInt16)

//連接遠(yuǎn)端套接字,timeout為超時(shí)時(shí)間
public func connect(timeout!: ?Duration = None): Unit

//讀取報(bào)文并存儲(chǔ)到buffer指定的緩沖區(qū)沥邻,返回讀取的數(shù)據(jù)長(zhǎng)度
public override func read(buffer: Array<Byte>): Int64

3. TCP客戶端演示

本示例運(yùn)行后的頁(yè)面如圖所示:

image.png

配置TCP服務(wù)端的IP地址和端口號(hào)危虱,如果沒(méi)有合適的TCP服務(wù)端,也可以使用nc命令在服務(wù)器監(jiān)聽(tīng)9999端口谋国,命令如下:

nc -l -p 9999

輸入綁定的本地端口后,單擊“連接”按鈕即可連接服務(wù)端迁沫,如圖所示:

image.png

連接成功后芦瘾,輸入要發(fā)送的信息,比如“Hi,Server!”,然后單擊“發(fā)送”按鈕集畅,服務(wù)端也輸入要發(fā)送的信息近弟,比如“Hi,Client!”,TCP客戶端成功收發(fā)信息后的界面如圖所示:

image.png

TCP服務(wù)端成功收發(fā)信息后的界面如圖所示:

image.png

可以看到,TCP消息成功發(fā)送并接收了挺智。

4. TCP客戶端示例編寫(xiě)

下面詳細(xì)介紹創(chuàng)建該示例的步驟(確保DevEco Studio已安裝倉(cāng)頡插件)祷愉。

步驟1:創(chuàng)建[Cangjie]Empty Ability項(xiàng)目。

步驟2:在module.json5配置文件加上對(duì)權(quán)限的聲明:

"requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]

這里添加了訪問(wèn)互聯(lián)網(wǎng)的權(quán)限赦颇。

步驟3:在build-profile.json5配置文件加上倉(cāng)頡編譯架構(gòu):

"cangjieOptions": {
      "path": "./src/main/cangjie/cjpm.toml",
      "abiFilters": ["arm64-v8a", "x86_64"]
    }

步驟4:在index.cj文件里添加如下的代碼:

package ohos_app_cangjie_entry

import ohos.base.*
import ohos.component.*
import ohos.state_manage.*
import ohos.state_macro_manage.*
import std.collection.HashMap
import std.convert.*
import std.net.*
import std.socket.*

@Entry
@Component
class EntryView {
    @State
    var title: String = '倉(cāng)頡版TCP客戶端示例';
    //連接二鳄、通訊歷史記錄
    @State
    var msgHistory: String = ''

    //是否運(yùn)行
    @State
    var running = false

    //客戶端端口
    @State
    var clientPort: UInt16 = 9998

    //服務(wù)端端口號(hào)
    @State
    var serverPort: UInt16 = 9999

    //服務(wù)端地址
    @State
    var serverAddress = "127.0.0.1"

    //要發(fā)送的信息
    @State
    var sendMsg = ""

    //TCP客戶端
    var tcpClient: ?TcpSocket = None

    let scroller: Scroller = Scroller()

    func build() {
        Row {
            Column {
                Text(title).fontSize(14).fontWeight(FontWeight.Bold).width(100.percent).textAlign(TextAlign.Center).
                    padding(10)

                Flex(FlexParams(justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center)) {
                    Text("服務(wù)端地址:").fontSize(14)

                    TextInput(text: serverAddress).onChange({
                        value => serverAddress = value
                    }).width(100).fontSize(11).flexGrow(1)
                    Text(":").fontSize(14)

                    TextInput(text: serverPort.toString()).onChange({
                        value => serverPort = UInt16.parse(value)
                    }).setType(InputType.Number).width(80).fontSize(11)
                }.width(100.percent).padding(10)

                Flex(FlexParams(justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center)) {
                    Text("綁定的本地端口:").fontSize(14)

                    TextInput(text: clientPort.toString()).onChange({
                        value => clientPort = UInt16.parse(value)
                    }).setType(InputType.Number).width(100).fontSize(11).flexGrow(1)

                    Button("連接").onClick {
                        evt => connect2Server()
                    }.enabled(!this.running).width(70).fontSize(14)
                }.width(100.percent).padding(10)

                Flex(FlexParams(justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center)) {
                    TextInput(placeholder: "輸入要發(fā)送的信息", text: sendMsg).onChange({
                        value => sendMsg = value
                    }).width(100).fontSize(11).flexGrow(1)

                    Button("發(fā)送").onClick {
                        evt =>
                        //為方便演示,在發(fā)送的信息后面添加回車(chē)換行
                        let realSendMsg = sendMsg + "\r\n"
                        msgHistory += "C:${realSendMsg}"
                        tcpClient?.write(realSendMsg.toArray())
                    }.enabled(this.running && sendMsg != "").width(70).fontSize(14)
                }.width(100.percent).padding(10)

                Scroll(scroller) {
                    Text(msgHistory).textAlign(TextAlign.Start).padding(10).width(100.percent).backgroundColor(0xeeeeee)
                }.align(Alignment.Top).backgroundColor(0xeeeeee).height(300).flexGrow(1).scrollable(
                    ScrollDirection.Vertical).scrollBar(BarState.On).scrollBarWidth(20)
            }.width(100.percent).height(100.percent)
        }.height(100.percent)
    }

    func connect2Server() {
        tcpClient = TcpSocket(serverAddress, serverPort)
        tcpClient?.connect()
        msgHistory += "連接成功媒怯!\r\n"
        running = true
        //啟動(dòng)一個(gè)線程讀取服務(wù)器的消息
        spawn {
            try {
                //存放從socket讀取數(shù)據(jù)的緩沖區(qū)
                let buffer = Array<UInt8>(1024, item: 0)

                while (true) {
                    //從socket讀取數(shù)據(jù)
                    var readCount = tcpClient?.read(buffer)

                    //把接收到的數(shù)據(jù)轉(zhuǎn)換為字符串
                    let content = String.fromUtf8(buffer[0..readCount.getOrThrow()])
                    this.msgHistory += "S:" + content + "\r\n"
                }
            } catch (exp: Exception) {
                msgHistory += "從Socket讀取數(shù)據(jù)錯(cuò)誤:${exp}\r\n"
            }
        }
    }
}

步驟5:編譯運(yùn)行订讼,可以使用模擬器或者真機(jī)。

步驟6:按照本文第2部分“TCP客戶端演示”操作即可扇苞。

4. 代碼分析

本示例在接收服務(wù)端發(fā)送過(guò)來(lái)的消息時(shí)欺殿,也是通過(guò)一個(gè)線程實(shí)現(xiàn)的寄纵,該線程會(huì)循環(huán)阻塞式讀取服務(wù)端發(fā)送的數(shù)據(jù),如果服務(wù)端沒(méi)有數(shù)據(jù)過(guò)來(lái)脖苏,就一直處于阻塞狀態(tài)程拭,代碼如下:

while (true) {
                    //從socket讀取數(shù)據(jù)
                    var readCount = tcpClient?.read(buffer)

                    //把接收到的數(shù)據(jù)轉(zhuǎn)換為字符串
                    let content = String.fromUtf8(buffer[0..readCount.getOrThrow()])
                    this.msgHistory += "S:" + content + "\r\n"
                }

(本文作者原創(chuàng),除非明確授權(quán)禁止轉(zhuǎn)載)

本文源碼地址:
https://gitee.com/zl3624/harmonyos_network_samples/tree/master/code/tcp/TCPClient4Cj

本系列源碼地址:
https://gitee.com/zl3624/harmonyos_network_samples

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末棍潘,一起剝皮案震驚了整個(gè)濱河市恃鞋,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蜒谤,老刑警劉巖山宾,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異鳍徽,居然都是意外死亡资锰,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)阶祭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)绷杜,“玉大人,你說(shuō)我怎么就攤上這事濒募”廾耍” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵瑰剃,是天一觀的道長(zhǎng)齿诉。 經(jīng)常有香客問(wèn)我,道長(zhǎng)晌姚,這世上最難降的妖魔是什么粤剧? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮挥唠,結(jié)果婚禮上抵恋,老公的妹妹穿的比我還像新娘。我一直安慰自己宝磨,他們只是感情好弧关,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著唤锉,像睡著了一般世囊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上窿祥,一...
    開(kāi)封第一講書(shū)人閱讀 51,698評(píng)論 1 305
  • 那天茸习,我揣著相機(jī)與錄音,去河邊找鬼壁肋。 笑死号胚,一個(gè)胖子當(dāng)著我的面吹牛籽慢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播猫胁,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼箱亿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了弃秆?” 一聲冷哼從身側(cè)響起届惋,我...
    開(kāi)封第一講書(shū)人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎菠赚,沒(méi)想到半個(gè)月后脑豹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡衡查,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年瘩欺,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拌牲。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡俱饿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出塌忽,到底是詐尸還是另有隱情拍埠,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布土居,位于F島的核電站枣购,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏擦耀。R本人自食惡果不足惜棉圈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望埂奈。 院中可真熱鬧迄损,春花似錦定躏、人聲如沸账磺。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)垮抗。三九已至,卻和暖如春碧聪,著一層夾襖步出監(jiān)牢的瞬間冒版,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工逞姿, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留辞嗡,地道東北人捆等。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像续室,于是被迫代替她去往敵國(guó)和親栋烤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容