2016-03-29 19 views
0

İstemci tarafında sunucu iletişimi için web soketi kullanmak istiyorum. \İstemci tarafında sunucu iletişimi için web soketi kullanmak istiyorum.

AngularJS kullanıyorum. HTML5 web-soketlerini kullanmak istemiyorum. açısal-WebSocket tekrar yüklemeyin uygulama kütüphanede mevcut ise bu gibi

, bir kez faaliyettir: angularjs içinde

+0

Böyle bir şey mi? http://clintberry.com/2013/angular-js-websocket-service/ – Jer

+0

socket.io, ihtiyacınız olan her şeye sahiptir –

+0

@ z.a. Bunun için de NodeJS'ye ihtiyacınız olduğunu unutma. – Jer

cevap

0

açısal-WebSocket'e WebSocket'e nasıl uygulanacağı bana yardım edin. Eğer mevcut değilse, lütfen kurmak için aşağıdaki seçeneklerden birini seçin.

açısal-WebSocket --save gelişme https://rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.js için unminified gelişimini sürümünü indirmek için buraya CDN tıklayarak elle indirilmesi yüklemek npm çardak kullanma ve çalıştırma çardak açısal-WebSocket --save yüklemek UÖM'yi kullanma ve çalıştırma (tercih)

<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:

üretim https://cdn.rawgit.com/gdi2290/angular-websocket/v1.0.9/angular-websocket.min.js

Kullanımı için CDN

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

İlgili konular