私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。 \私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。
私はAngularJSを使用しています。私はHTML5のWebソケットを使いたくありません。角度-のWebSocketは再びそれをインストールしないアプリケーションライブラリで利用可能な場合、これは、1時間の活動であるとして
:AngularJS
私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。 \私は、クライアント側でサーバー通信にWebソケットを使用したいと考えています。
私はAngularJSを使用しています。私はHTML5のWebソケットを使いたくありません。角度-のWebSocketは再びそれをインストールしないアプリケーションライブラリで利用可能な場合、これは、1時間の活動であるとして
:AngularJS
角度-の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
このようなものはありますか? http://clintberry.com/2013/angular-js-websocket-service/ – Jer
socket.ioには、必要なものすべてがあります –
@ z.a。 'NodeJS'も必要であることを忘れないでください。 – Jer