小程序開(kāi)發(fā)必備的高級(jí)能力之四:mDNS

1、效果圖

先瞅一眼效果圖涉波。


微信圖片_20181217120824.png

2、釋義

mDNS:即組播DNS(multicast DNS)炭序,使用5353端口啤覆,主要實(shí)現(xiàn)了在沒(méi)有傳統(tǒng)DNS服務(wù)器的情況下使局域網(wǎng)內(nèi)的主機(jī)實(shí)現(xiàn)相互發(fā)現(xiàn)和通信。(--百度百科)

微信圖片_20181217120820.png

這段話什么意思呢惭聂?

其實(shí)是醬嬸的城侧,在客戶端和服務(wù)端通信過(guò)程中(request,socket,websocket,ftp等),我們一般都需要知道對(duì)方的域名或者ip/port才能通信彼妻。

而在發(fā)送請(qǐng)求前嫌佑,域名最終會(huì)經(jīng)過(guò)一個(gè)叫DNS服務(wù)器的地方解析出相應(yīng)的ip/port才能通信。

在局域網(wǎng)中侨歉,各個(gè)設(shè)備是沒(méi)有域名的屋摇。此時(shí)我們只能通過(guò)ip/port來(lái)通信,但一般情況下各設(shè)備的ip是不固定的幽邓,它們是由DHCP分配的炮温,在偶爾的掉線重連之后沒(méi)準(zhǔn)ip就變了,而且你也不知道要連接的設(shè)備的ip是多少牵舵。

基于此柒啤,mDNS登場(chǎng)了,它主要實(shí)現(xiàn)了設(shè)備間的互相發(fā)現(xiàn)畸颅。

emmmm担巩,它沒(méi)有通信功能。通信一般是通過(guò)socket來(lái)進(jìn)行没炒。

3涛癌、小程序中的mDNS

小程序中的mDNS主要有10個(gè)API
其中2個(gè)是主動(dòng)事件,4個(gè)監(jiān)聽(tīng)事件回調(diào)和4個(gè)取消監(jiān)聽(tīng)事件回調(diào)
他們之間的關(guān)系是一一對(duì)應(yīng)的。
而且拳话,除了2個(gè)主動(dòng)事件外先匪,其他8個(gè)方法都是傳1個(gè)回調(diào)方法過(guò)去

2個(gè)主動(dòng)事件分別是:
1.開(kāi)始搜尋局域網(wǎng)下的mDNS服務(wù) wx.startLocalServiceDiscovery
2.停止搜索 mDNS 服務(wù) wx.stopLocalSeviceDiscovery

4個(gè)監(jiān)聽(tīng)事件回調(diào)分別是:
1.監(jiān)聽(tīng)mDNS服務(wù)發(fā)現(xiàn)的事件 wx.onLocalServiceFound
2.監(jiān)聽(tīng)mDSN服務(wù)解析失敗的時(shí)間 wx.onLocalServiceResolveFail
3.監(jiān)聽(tīng)mDNS服務(wù)離開(kāi)的事件 wx.onLocalServiceLost
4.監(jiān)聽(tīng)mDNS 服務(wù)停止搜索的事件 wx.onLocalServiceDiscoveryStop

4個(gè)取消監(jiān)聽(tīng)事件回調(diào)分別是(目前這4個(gè)API無(wú)效?不知是否是我調(diào)用方式不對(duì)弃衍。但無(wú)所謂呀非,這4個(gè)方法就算無(wú)效也沒(méi)什么影響。)
1.取消監(jiān)聽(tīng)mDNS 服務(wù)發(fā)現(xiàn)的事件 wx.offLocalServiceFound
2.取消監(jiān)聽(tīng)mDNS 服務(wù)解析失敗的事件 wx.offLocalServiceResolveFail
3.取消監(jiān)聽(tīng)mDNS 服務(wù)離開(kāi)的事件 wx.offLocalServiceLost
4.取消監(jiān)聽(tīng)mDNS 服務(wù)停止搜索的事件 wx.offLocalServiceDiscoveryStop

4镜盯、實(shí)踐

我們實(shí)現(xiàn)手動(dòng)開(kāi)啟和關(guān)閉mDNS搜索姜钳,并在開(kāi)啟時(shí)實(shí)現(xiàn)mDNS監(jiān)聽(tīng)事件的4個(gè)方法,在關(guān)閉時(shí)取消監(jiān)聽(tīng)mDNS的4個(gè)方法形耗。
wxml/wxss就不提哥桥,主要js實(shí)現(xiàn)如下。

/**
   * 開(kāi)始搜索
   */
  startDiscovery:function(){
    let that = this
    serviceList = []
    resolveFailList = []
    wx.startLocalServiceDiscovery({
      serviceType:'_http._tcp.',
      success:function(res){
        that.onLocalService()
        
      },
      fail:function(err){
        console.log(err)
      },
      complete:function(){
        console.log('complete')
      }
    })

  },

  /**
   * stopDiscovery
   */
  stopDiscovery:function(){
    let that = this
    wx.stopLocalServiceDiscovery({
      success: function () {
        that.showTips('停止搜索成功','success')
        serviceList = []
        resolveFailList = []
        that.setData({
          lists:[],
          resolveFailList:[]
        })
        that.offLocalService()
        
      },
      fail: function () {
        that.showTips('停止搜索失敗激涤,請(qǐng)重試拟糕!')
      },
      complete: function () {
        console.log('stopDiscovery complete')
      }
    })
  },

  /**
   * 提示方法
   */
  showTips:function(title='出錯(cuò)啦',icon='none'){
    wx.showToast({
      title: title,
      icon: icon,
      duration:2000
    })
  },

  /**
   * 監(jiān)聽(tīng)方法合集
   */
  onLocalService:function(){
    let that = this
    // 監(jiān)聽(tīng)服務(wù)發(fā)現(xiàn)事件
    wx.onLocalServiceFound(function (obj) {
      console.log(obj)
      serviceList.push(obj)
      that.setData({
        lists: serviceList
      })
    })

    // 監(jiān)聽(tīng)服務(wù)解析失敗事件
    wx.onLocalServiceResolveFail(function (obj){
      resolveFailList.push(obj)
      that.setData({
        resolveFailList: resolveFailList
      })
    })

    // 監(jiān)聽(tīng)服務(wù)離開(kāi)
    wx.onLocalServiceLost(function (obj){
      that.showTips('有服務(wù)離開(kāi)啦');
      console.log(obj)
    })

    // 監(jiān)聽(tīng)搜索停止
    wx.onLocalServiceDiscoveryStop(function (obj){
      console.log('監(jiān)聽(tīng)到搜索停止事件')
    })

  },

  /**
   * offLocalService
   */
  offLocalService: function () {

    console.log('是否執(zhí)行此部分?jǐn)?shù)據(jù)')
    // 取消監(jiān)聽(tīng)服務(wù)發(fā)現(xiàn)事件
    wx.offLocalServiceFound(function () {
      console.log('取消監(jiān)聽(tīng)服務(wù)發(fā)現(xiàn)事件 成功')
    })

    // 取消監(jiān)聽(tīng)服務(wù)解析失敗事件
    wx.offLocalServiceResolveFail(function () {
      console.log('取消監(jiān)聽(tīng) mDNS 服務(wù)解析失敗的事件 成功')
    })

    // 取消監(jiān)聽(tīng)服務(wù)離開(kāi)
    wx.offLocalServiceLost(function () {
      console.log('取消監(jiān)聽(tīng)服務(wù)離開(kāi)事件 成功')
    })

    // 取消監(jiān)聽(tīng)搜索停止
    wx.offLocalServiceDiscoveryStop(function () {
      console.log('取消監(jiān)聽(tīng) mDNS 服務(wù)停止搜索的事件 成功')
    })
  },

開(kāi)始搜索 時(shí)正確,如下圖倦踢。


微信圖片_20181217120824.png

但是隨后送滞,每次停止搜索后再次開(kāi)始搜索時(shí),每個(gè)設(shè)備會(huì)被發(fā)現(xiàn)了2次辱挥。再停止搜索再開(kāi)啟搜索犁嗅,會(huì)被發(fā)現(xiàn)3次。經(jīng)定位晤碘,是取消監(jiān)聽(tīng)的4個(gè)方法無(wú)效褂微。(現(xiàn)在是2018-12-17 11:36),如下圖园爷。


微信圖片_20181217120828.png

5宠蚂、 最佳實(shí)踐

其實(shí),那4個(gè)取消監(jiān)聽(tīng)的方法就算無(wú)效童社,對(duì)我們來(lái)說(shuō)也不是很重要求厕。
上面碰到的問(wèn)題,無(wú)非是多次實(shí)現(xiàn)了監(jiān)聽(tīng)事件而已扰楼⊙窖ⅲ基于此,我們至少有2種解決方式弦赖。
1项栏、使用statu來(lái)判斷,不是第一次開(kāi)啟腾节,就不再執(zhí)行監(jiān)聽(tīng)事件代碼
2忘嫉、在搜索之前就調(diào)用監(jiān)聽(tīng)事件,開(kāi)啟搜索成功之后不再調(diào)用案腺,這樣子開(kāi)啟和關(guān)閉搜索功能庆冕,不和其他方法耦合。

于是劈榨,我們改進(jìn)代碼访递,使用第二種方法來(lái)解決這個(gè)問(wèn)題。在onShow()中執(zhí)行this.onLocalService()同辣,并注釋掉開(kāi)啟搜索成功回調(diào)里的代碼即可拷姿。

最后把mdns這部分代碼放到了github上。這里

6旱函、其他注意事項(xiàng)

1响巢、mdns只能真機(jī)調(diào)試
2、主動(dòng)調(diào)用wx.stopLocalSeviceDiscovery()并不會(huì)觸發(fā)wx.onLocalServiceDiscoveryStop事件棒妨,該事件在意外停止了搜索時(shí)才觸發(fā)踪古,例如手機(jī)屏幕關(guān)閉一段時(shí)間等。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末券腔,一起剝皮案震驚了整個(gè)濱河市伏穆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌纷纫,老刑警劉巖枕扫,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異辱魁,居然都是意外死亡烟瞧,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門染簇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)燕刻,“玉大人,你說(shuō)我怎么就攤上這事剖笙÷严矗” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵弥咪,是天一觀的道長(zhǎng)过蹂。 經(jīng)常有香客問(wèn)我,道長(zhǎng)聚至,這世上最難降的妖魔是什么酷勺? 我笑而不...
    開(kāi)封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮扳躬,結(jié)果婚禮上脆诉,老公的妹妹穿的比我還像新娘甚亭。我一直安慰自己,他們只是感情好击胜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布亏狰。 她就那樣靜靜地躺著,像睡著了一般偶摔。 火紅的嫁衣襯著肌膚如雪暇唾。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天辰斋,我揣著相機(jī)與錄音策州,去河邊找鬼。 笑死宫仗,一個(gè)胖子當(dāng)著我的面吹牛够挂,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播藕夫,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼下硕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了汁胆?” 一聲冷哼從身側(cè)響起梭姓,我...
    開(kāi)封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嫩码,沒(méi)想到半個(gè)月后誉尖,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡铸题,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年铡恕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丢间。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡探熔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出烘挫,到底是詐尸還是另有隱情诀艰,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布饮六,位于F島的核電站其垄,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏卤橄。R本人自食惡果不足惜绿满,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望窟扑。 院中可真熱鬧喇颁,春花似錦漏健、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至茎毁,卻和暖如春克懊,著一層夾襖步出監(jiān)牢的瞬間忱辅,已是汗流浹背七蜘。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留墙懂,地道東北人橡卤。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像损搬,于是被迫代替她去往敵國(guó)和親碧库。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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

  • 給提問(wèn)的開(kāi)發(fā)者的建議:提問(wèn)之前先查詢 文檔巧勤、通過(guò)社區(qū)右上角搜索搜索已經(jīng)存在的問(wèn)題嵌灰。 寫一個(gè)簡(jiǎn)明扼要的標(biāo)題,并且...
    極樂(lè)叔閱讀 13,437評(píng)論 0 3
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,101評(píng)論 1 32
  • 點(diǎn)擊查看原文 Web SDK 開(kāi)發(fā)手冊(cè) SDK 概述 網(wǎng)易云信 SDK 為 Web 應(yīng)用提供一個(gè)完善的 IM 系統(tǒng)...
    layjoy閱讀 13,761評(píng)論 0 15
  • iOS面試題目100道 1.線程和進(jìn)程的區(qū)別颅悉。 進(jìn)程是系統(tǒng)進(jìn)行資源分配和調(diào)度的一個(gè)獨(dú)立單位沽瞭,線程是進(jìn)程的一個(gè)實(shí)體,...
    有度YouDo閱讀 29,907評(píng)論 8 137
  • 一年的時(shí)間跟媽媽從溫暖的南方到北京看雪剩瓶,在寒冷的冬天到海南體驗(yàn)夏日炎炎驹溃,我們手牽手一起走南闖北,記憶最深的還是在天...
    吳清云閱讀 358評(píng)論 0 1