微信小程序-局域網(wǎng)內(nèi)UDP通信

微信小程序的API可以說是越來越強大了辟汰,UDP通信也有了摔握。

近期,有個項目可能要用到小程序昂勒,剛好提前研究學習調(diào)研帕膜,順便寫個簡單例子總結一下灭美。

通信效果展示

小程序端
QT端

小程序UDP通信這一塊可以說是很簡單了就一個UDPSocket實例剩胁。然后bind()方法綁定端口擒权,send()方法發(fā)送數(shù)據(jù)袱巨,close()方法關閉通信,onMessage()方法監(jiān)聽消息等等碳抄,具體可以去看文檔愉老。

既然是通信,那么至少得有兩個參與者剖效,這里我以小程序為Server端嫉入,QT應用程序為Client端。

小程序為Server端:

固定IP:不定
端口號:不定

小程序UDP通信璧尸,Server端蠻簡單:
創(chuàng)建UDPSocket實例咒林,bind()方法綁定端口,onListening()方法監(jiān)聽爷光,onMessage()方法接收消息垫竞,send()方法發(fā)送數(shù)據(jù),close()方法關閉通信蛀序,onMessage()方法監(jiān)聽消息等等欢瞪,具體可以去看官方文檔。

  initUdpSocket() {
    this.data.udpSocket = wx.createUDPSocket();
    if (this.data.udpSocket === null) {
      console.log('暫不支持')
      return ;
    }

    const locationPort = this.data.udpSocket.bind()
    this.setData({
      'locationUrl.port': locationPort
    })

    this.data.udpSocket.onListening(function(res){
      console.log('監(jiān)聽中Res ===' + res)
    })

    let that = this
    this.data.udpSocket.onMessage(function (res) {
      console.log('remoteInfo ===' + res.remoteInfo)
      console.log('remoteInfo.size ===' + res.remoteInfo.size)
      if (res.remoteInfo.size > 0) {
        console.log('UDP接收數(shù)據(jù) ' + res.remoteInfo.size + ' 字節(jié):' + JSON.stringify(res, null, '\t'))
  
        let unit8Arr = new Uint8Array(res.message);
        let encodedString = String.fromCharCode.apply(null, unit8Arr);
        let escStr = escape(encodedString);
        let decodedString = decodeURIComponent(escStr);
        
        console.log('str==='+decodedString)
        let list = that.data.messageList
        let obj = {
          text: decodedString,
          from: 1
        }
        list.push(obj)
        that.setData({
          messageList: list
        })
      }
    })
  },
sendMessage() {
    if (this.data.mydata.isSend) {
      return ;
    }
    this.data.mydata.isSend = true
    let ip = this.data.mydata.remoteUrl.ip
    let port = this.data.mydata.remoteUrl.port
    let message = this.data.mydata.message
    if (message.trim() === '') {
      wx.showToast({
        title: '請輸入內(nèi)容',
      })
      this.data.mydata.isSend = false
      return ;
    }

    this.data.udpSocket.send({
      address: ip,
      port: port,
      message: message
    })

    this.data.mydata.isSend = false
    let list = this.data.messageList
    let obj = {
      text: message,
      from : 2
    }
    list.push(obj)
    this.setData({
      messageList : list
    })
  },

QT應用程序為Client端:

固定IP:如哼拔,192.168.1.103
端口號:6510

QT端UDP通信引有,Server也簡單:

創(chuàng)建QUdpSocket

void AppUdp::createSocket()
{
    if (mUdpSocket != nullptr)
    {
        delete mUdpSocket;
        mUdpSocket = nullptr;
    }
    mUdpSocket = new QUdpSocket();
}

綁定端口:6510

void AppUdp::listen(unsigned short listenPort)
{
    // udp端口監(jiān)聽(線程安全)
    if (listenPort != 0)
    {
        appConfig->clientPort = listenPort;
    }

    // signalListenSuccess信號返回監(jiān)聽結果,listenSuccess屬性可獲取
    emit signalSelfListenPort();
}

void AppUdp::slotSelfListenPort()
{
    bool result = mUdpSocket->bind(QHostAddress::Any, appConfig->clientPort);
    this->setListenSuccess(result);
    if (result)
    {
        QLOG_INFO() << "bind success ======= Listen port:" + QString("%1").arg(appConfig->clientPort);
    }
    else
    {
        QLOG_FATAL() << "bind fail ======= Listen port:" + QString("%1").arg(appConfig->clientPort);
    }

    emit signalListenSuccess(result);
}

udp監(jiān)聽回調(diào)

void AppUdp::slotUdpSocketReceive()
{
    while (mUdpSocket->hasPendingDatagrams())
    {
        QHostAddress targetaddr;
        unsigned short targetPort;
        QByteArray datagram;
        datagram.resize(static_cast<int>(mUdpSocket->pendingDatagramSize()));
        mUdpSocket->readDatagram(datagram.data(), datagram.size(), &targetaddr, &targetPort);
        if (datagram.size() > 0)
        {
            emit signalUdpSocketReceiveData(targetaddr, targetPort, datagram);
        }
    }
}

QT端作了一個信息回饋倦逐,

void AppUdpClientServer::slotSelfWriteControl(const QByteArray data)
{
    QHostAddress address;
    address.setAddress(appConfig->serverIp);
    qint64 result = mUdpSocket->writeDatagram(data, address, appConfig->serverPort);

    if (result == -1)
    {
        QLOG_WARN() << "Send ip=" << appConfig->serverIp << "Send port=" << appConfig->serverPort << " result=" << result
                    << " udpState=" << mUdpSocket->state();

        createSocket();
        result = mUdpSocket->writeDatagram(data, address, appConfig->serverPort);
        if (result == -1)
        {
            QLOG_FATAL() << "Send ip=" << appConfig->serverIp << "Send port=" << appConfig->serverPort << " result=" << result
                         << " udpState=" << mUdpSocket->state();
            emit signalUdpSocketError();
        }
    }
}

回饋前譬正,需要在Client接收數(shù)據(jù)是解析,IP和端口號


void AppUdpServerControl::slotClienttReceiveData(QHostAddress ipAddr, unsigned short port, QByteArray bytes)
{
    QMutexLocker locker(m_mutex);
    QString qStrIpAddrTemp = ipAddr.toString();
    QString qStrIpAddr;

    int i = 0;

    // 填充ip地址
    for (i = 7; qStrIpAddrTemp[i] != '\0'; i++)
    {
        qStrIpAddr[i - 7] = qStrIpAddrTemp[i];
    }

    QLOG_INFO() << "Ip[" << qStrIpAddr << "]. ort[" << port << "]. Size[" << bytes.size() << "]." << endl;
    QString keyCmd                                 = QString(bytes);
    appUdpClientServer->getAppConfig()->serverIp   = qStrIpAddr;
    appUdpClientServer->getAppConfig()->serverPort = port;

    if ("1" == keyCmd)
    {
        // TODO 一鍵回原點
        motorSystem->getSystemMotor()->getParentBoard()->returnHome();
    }
    else if ("2" == keyCmd)
    {
        // TODO 單軸回原點
        motorSystem->getControl()->returnHome();
    }
    else if ("3" == keyCmd)
    {
        // TODO 下降5mm
        motorSystem->getControl()->moveByType(5);
        const QByteArray data = "中文zhongwen";
        appUdpClientServer->udpWriteData(data);
    }

    QLOG_INFO() << "keyCmd == " << keyCmd << "]." << endl;
}

感謝大家看完微信小程序UDP通信篇檬姥,更多精彩等待下次創(chuàng)作曾我,你最大的支持就是:贊同+評論+贊賞+...,關注我健民。

另外抒巢,也歡迎大家關注我的個人公眾號 “聊者說”。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秉犹,一起剝皮案震驚了整個濱河市蛉谜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌崇堵,老刑警劉巖型诚,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鸳劳,居然都是意外死亡狰贯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涵紊,“玉大人傍妒,你說我怎么就攤上這事∶” “怎么了颤练?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長塘幅。 經(jīng)常有香客問我昔案,道長,這世上最難降的妖魔是什么电媳? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任踏揣,我火速辦了婚禮,結果婚禮上匾乓,老公的妹妹穿的比我還像新娘捞稿。我一直安慰自己,他們只是感情好拼缝,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布娱局。 她就那樣靜靜地躺著,像睡著了一般咧七。 火紅的嫁衣襯著肌膚如雪衰齐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天继阻,我揣著相機與錄音耻涛,去河邊找鬼。 笑死瘟檩,一個胖子當著我的面吹牛抹缕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播墨辛,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼卓研,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了睹簇?” 一聲冷哼從身側響起奏赘,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎太惠,沒想到半個月后志珍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡垛叨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嗽元。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡敛纲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剂癌,到底是詐尸還是另有隱情淤翔,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布佩谷,位于F島的核電站旁壮,受9級特大地震影響,放射性物質發(fā)生泄漏谐檀。R本人自食惡果不足惜抡谐,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望桐猬。 院中可真熱鬧麦撵,春花似錦、人聲如沸溃肪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽惫撰。三九已至羔沙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間厨钻,已是汗流浹背扼雏。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留莉撇,地道東北人呢蛤。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像棍郎,于是被迫代替她去往敵國和親其障。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345