我想在客户端使用网络套接字进行服务器通信。

debugcn 发表于 Dev

纳尔鲁·普拉迪普（Nallu Pradeep）Reddy

我想在客户端使用网络套接字进行服务器通信。\

我正在使用AngularJS。我不想使用HTML5网络套接字。请帮助我了解如何在AngularJS中实现网络套接字

洛基

angular-websocket：

由于这是一次活动，因此如果应用程序库中有angular-websocket可用，则不要再次安装它。如果不可用，请选择以下任一选项进行安装。

（首选）使用bower并运行bower install angular-websocket --save使用npm并运行npm install angular-websocket --save单击此处以手动下载它，以下载开发的最小版本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>

参考：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。