在VUE中利用MQTT協議實現即時通訊

前言

建議先閱讀：
在Node.js下運用MQTT協議實現即時通訊及離線推送

以前嘗試在vue中用上mqtt，瞭解到mqtt實質上是基於websocket進行數據通信，所以上文中在node下實現的服務端此時不能滿足需求

代碼

服務端: server.js

let http     = require('http')
, httpServer = http.createServer()
, mosca = require('mosca')

let settings = {
  port: 5112,
  persistence:{
      factory: mosca.persistence.Mongo,
    url: "mongodb://localhost:27017/mosca"
  }
}
let server = new mosca.Server(settings)

server.attachHttpServer(httpServer)
server.on('published', function(packet, client) {
  console.log('Published',  packet.payload.toString());
})
httpServer.listen(3003)
server.on('ready', function(){
  console.log('server is running at port 3003');  
})

服務端mosca的初始化並沒有改動
而是將其爲在websocket形式下進行配置

//待更新..