欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

node實現(xiàn)socket鏈接與GPRS進行通信的方法

 更新時間：2019年05月20日 15:15:53   作者：巴依  
這篇文章主要介紹了node實現(xiàn)socket鏈接與GPRS進行通信的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

業(yè)務背景

最近接到一個需求，在微信公眾號界面設計一個獨立界面，界面上有 A 電機進、A 電機退、B 電機進、B 電機退 4 個按鈕，點擊對應按鈕，云平臺發(fā)送不同的代碼給電機本地的控制器，控制電機執(zhí)行不同的動作，電機本地控制器具備GPRS網(wǎng)絡功能。服務器與電機本地控制器（客戶端）采用 TCP 協(xié)議連接，客戶端發(fā)送心跳包給服務器保持長連接，客戶端每次收到服務器下發(fā)的代碼指令后作出回復主要的實現(xiàn)原理是前端訪問后臺的接口傳輸數(shù)據(jù)。后臺采用用socket與GPRS模塊進鏈接，暴露出一個IP+PORT給GPRS進行訪問即可，實現(xiàn)邏輯比較簡單。但是在開發(fā)中出現(xiàn)一下比較棘手問題，下面進行一一歸納。

技術(shù)棧

主要采用的技術(shù)棧前端部分采用vue和weUI，后臺采用node的koa框架，前端頁面是直接寫在koa里面，由于頁面比較簡單，所以沒有實現(xiàn)前后的分離。

實現(xiàn)過程

1、前端部分

前端部分實現(xiàn)主要是提供4個按鈕，向后臺接口請求對應的數(shù)據(jù)，例如：點擊A點擊前進，就向后臺請求http://XXXX:4000/djxt/move接口并傳輸數(shù)據(jù)，可以下載完整項目運行后，通過127.0.0.1:3002/djxt進行訪問，頁面html代碼主要部分如下：

 <div class="wrap">
   <button @click="goA('A1')" class="weui-btn" v-bind:class="{ 'weui-btn_loading': btnStatus.cur == 'A1'&&btnStatus.status==0, 'weui-btn_primary': btnStatus.cur == 'A1'&&btnStatus.status==1, 'weui-btn_plain-primary': btnStatus.cur != 'A1' }">A 前進<i v-show="btnStatus.cur == 'A1'&&btnStatus.status==0" class="weui-loading"></i></button>

   <button @click="backA('A0')" class="weui-btn" v-bind:class="{ 'weui-btn_loading': btnStatus.cur == 'A0'&&btnStatus.status==0, 'weui-btn_primary': btnStatus.cur == 'A0'&&btnStatus.status==1, 'weui-btn_plain-default': btnStatus.cur != 'A0' }">A 后退<i v-show="btnStatus.cur == 'A0'&&btnStatus.status==0" class="weui-loading"></i></button>

   <button @click="goB('B1')" class="weui-btn" v-bind:class="{ 'weui-btn_loading': btnStatus.cur == 'B1'&&btnStatus.status==0, 'weui-btn_primary': btnStatus.cur == 'B1'&&btnStatus.status==1, 'weui-btn_plain-primary': btnStatus.cur != 'B1' }">B 前進<i v-show="btnStatus.cur == 'B1'&&btnStatus.status==0" class="weui-loading"></i></button>
   
   <button @click="backB('B0')" class="weui-btn" v-bind:class="{ 'weui-btn_loading': btnStatus.cur == 'B0'&&btnStatus.status==0, 'weui-btn_primary': btnStatus.cur == 'B0'&&btnStatus.status==1, 'weui-btn_plain-default': btnStatus.cur != 'B0' }">B 后退<i v-show="btnStatus.cur == 'B0'&&btnStatus.status==0" class="weui-loading"></i></button>
  </div>

發(fā)送數(shù)據(jù)給后臺部分代碼如下：

 // A 前進
     goA (id){
      axios.post('/djxt/move', { id })
      .then( (response)=> {
       console.log(response);
       if( response.data.success ){
        this.alertDialog.content = '操作成功';
        this.alertDialog.status = true;
       }else{
        this.alertDialog.content = '操作失敗了';
        this.alertDialog.status = true;
       }
      })
      .catch( (error)=> {
       console.log(error);
        this.alertDialog.content = '操作失敗了';
        this.alertDialog.status = true;
      });
     }

2、后臺實現(xiàn)

由于用的是node技術(shù)棧，當初使用的是scoket.io來進行scoket鏈接的，但是在后面的開發(fā)中發(fā)現(xiàn)該方法需要有一個事件去觸發(fā)提交數(shù)據(jù)，在客戶端也需要有事件進行監(jiān)聽，不適合在與GPRS進行通信，最后無奈的放棄了。后面采用了node的NET模塊進行通信，該模塊只要調(diào)用write(data)就可以發(fā)送綁定端口的數(shù)據(jù)。相對比較簡單。可以參考一下nodejs.org/dist/latest… 看不懂英文可以找中文版的。

net的連接可以寫在www文件或是app.js文件，看自己需求。在該項目中暴露出來接口127.0.0.1:3004,代碼如下：

//socket
var net = require('net');
// 服務器IP
var HOST = '127.0.0.1';
// 端口號
var PORT = 3004;

// 創(chuàng)建一個TCP服務器實例，調(diào)用listen函數(shù)開始監(jiān)聽指定端口
// 傳入net.createServer()的回調(diào)函數(shù)將作為”connection“事件的處理函數(shù)
// 在每一個“connection”事件中，該回調(diào)函數(shù)接收到的socket對象是唯一的

net.createServer(function(sock) {
// 全局sock，可以在其他地方調(diào)用
global.sock = sock
// 獲得了一個socket連接，將客戶端輸出來
console.log('CONNECTED: ' +
  sock.remoteAddress + ':' + sock.remotePort);

// 為這個socket實例添加一個"data"事件處理函數(shù)，接收客戶端數(shù)據(jù)
sock.on('data', function(data) {
  console.log('DATA ' + sock.remoteAddress + ': ' + data);
  // 回發(fā)該數(shù)據(jù)，客戶端將收到來自服務端的數(shù)據(jù)，實現(xiàn)ECHO服務器
  // sock.write('' + data );
});

// 為這個socket實例添加一個"close"事件處理函數(shù)
sock.on('close', function(data) {
  console.log('CLOSED: ' +
    sock.remoteAddress + ' ' + sock.remotePort);
});

}).listen(PORT, HOST);

代碼中的HOST 是你需要暴露給GPRS模塊的ip，PORT是端口。net.createServer創(chuàng)建服務后，它回調(diào)里面的sock可以用來做一些監(jiān)聽，例如客戶端返回數(shù)據(jù)sock.on('data', function(data) {})。在開發(fā)過程中遇到一個問題就是HOST在本地是用127.0.0.1是可以進行訪問的，但是到了云服務后，會出現(xiàn)端口訪問不了。解決辦法是把HOST改為你自己服務器的內(nèi)網(wǎng)ip即可進行訪問。global.sock = sock這個主要是暴露全局的sock，可以在其他需要地方進行調(diào)用，切記要暴露出去。

服務端處理前端發(fā)送過來的數(shù)據(jù)，發(fā)送到GPRS模塊。該項目中前端訪問的路由為/move，進入這個路由后進行判斷，再把值轉(zhuǎn)發(fā)給GPRS，這里關(guān)鍵點是利用全局的Sock的sock.write()來發(fā)送到客戶端。代碼如下

//前端接口
router.post('/move', async (ctx, next) => {
 let params = ctx.request.body;
 
 // console.log('ctx.state： ', global.sock)
 // console.log('ctx.state2222： ', sock)
 console.log('前端接口： ', params)
 if( !sock ){
  ctx.body = {
   data: params,
   success: false,
   msg: 'socket不存在'
  }
 }else{
  sock.write( params.id );

  ctx.body = {
   data: params,
   success: true,
   msg: ''
  }
 }
})

完整的代碼可參考github。https://github.com/bayi-lzp/node_djxt_socket

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論