我想在客戶端使用網絡套接字進行服務器通信。

Question

我想在客戶端使用網絡套接字進行服務器通信。 \

我正在使用AngularJS。我不想使用HTML5網絡套接字。請幫助我如何實現的WebSocket在AngularJS

Answer 1

角的WebSocket：

由於這是一個時間的活動，如果角的WebSocket是在應用程序庫提供不重新安裝。如果不適用，請選擇以下任一選項來安裝它。

（者優先）使用涼亭和運行亭子安裝角的WebSocket --save 使用新公共管理和運行NPM安裝角的WebSocket --save 點擊此處下載發展unminified版本 CDN發展https://rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.js 手動下載它CDN生產https://cdn.rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.min.js

用法：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
    <script src="bower_components/angular-websocket/angular-websocket.js"></script> 
    <section ng-controller="SomeController"> 
    <ul> 
     <li ng-repeat="data in MyData.collection track by $index"> 
     {{ data }} 
     </li> 
    </ul>`enter code here` 
    </section> 
    <script> 
    angular.module('YOUR_APP', [ 
     'ngWebSocket' // you may also use 'angular-websocket' if you prefer 
    ]) 
    //       WebSocket works as well 
    .factory('MyData', function($websocket) { 
     // Open a WebSocket connection 
     var dataStream = $websocket('wss://website.com/data'); 

     var collection = []; 

     dataStream.onMessage(function(message) { 
     collection.push(JSON.parse(message.data)); 
     }); 

     var methods = { 
     collection: collection, 
     get: function() { 
      dataStream.send(JSON.stringify({ action: 'get' })); 
     } 
     }; 

     return methods; 
    }) 
    .controller('SomeController', function ($scope, MyData) { 
     $scope.MyData = MyData; 
    }); 
    </script> 

Refrence：

https://github.com/AngularClass/angular-websocket