2016-03-29 5 views
0

私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。 \私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。

私はAngularJSを使用しています。私はHTML5のWebソケットを使いたくありません。角度-のWebSocketは再びそれをインストールしないアプリケーションライブラリで利用可能な場合、これは、1時間の活動であるとして

:AngularJS

+0

このようなものはありますか? http://clintberry.com/2013/angular-js-websocket-service/ – Jer

+0

socket.ioには、必要なものすべてがあります –

+0

@ z.a。 'NodeJS'も必要であることを忘れないでください。 – Jer

答えて

0

角度-のWebSocketでのWebSocketを実装する方法私を助けてください。使用できない場合は、次のいずれかのオプションを選択してインストールしてください。

角度-のWebSocket --save が開発https://rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.js ためunminified開発版をダウンロードするには、ここ CDNをクリックすることで、手動でダウンロード、インストールNPMバウアーを使用して実行している亭の角度-のWebSocket --save をインストールNPMを使用して実行している(好ま)

<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://cdn.rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.min.js

使用のためのCDN

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

関連する問題