2

私はexpress.ioを初めて使用します.node.jsを使用してsocket.ioで実行されている一連のコードがあり、フロントエンドでAngularが問題なく実行されています.サーバーを作成し、1000msの間隔で一連のデータを放出しています.Sampleクライアントと対話しているサーバーのコードは

var serverjson = [
                 {"Product": "REL", "BBP": "10", "BSP": "10.2", "LTP": "10.1" }, 
                 {"Product": "BEL", "BBP": "20", "BSP": "20.4", "LTP": "20"    }, 
                 {"Product": "MTL", "BBP": "50", "BSP": "50.5", "LTP": "50.1"  }, 
                 {"Product": "BSL", "BBP": "100", "BSP": "101", "LTP": "100.2" }
                 ];
// define interactions with client
app.io.route('ready', function(req){
    //send data to client
    setInterval(function(){
        for(i=0;i<serverjson.length;i++)
        {
            serverjson[i].BBP = Math.round((parseInt(serverjson[i].BBP) + Math.random())*100)/100;
            serverjson[i].BSP = Math.round((parseInt(serverjson[i].BSP) + Math.random())*100)/100;
            serverjson[i].LTP = Math.round((parseInt(serverjson[i].LTP) + Math.random())*100)/100;
        }
        var serverjsonstr = JSON.stringify(serverjson);
        req.io.emit('msg', {'msg': serverjsonstr});
    }, 1000);

});

そしてクライアント側で

<!doctype html>
<html>
  <head>
    <title>express.io Test</title>
    <script src="/socket.io/socket.io.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
  </head>
    <body>
        <script>    
          var io = io.connect();
          io.emit('ready');
          io.on('msg', function(data){
            $('#msg').text(data.msg);
          });
        </script>
        <div id="msg"></div>
      </body>
</html>

これまで、すべてが問題で実行されています。データは間隔で適切に表示されています。しかし、別のページでは、角度コントローラーでデータを表示したいと考えています。socket.io で同じ例を実行しました。コントローラーの場合、コードは次のとおりです。

var apps = angular.module('stocksample', []);

apps.controller('StockListCtrl', function($scope, socket) { 
  $scope.stocks = [];
  socket.on('msg', function(data) {
        $scope.stocks = JSON.parse(data.msg);           
    });
});

apps.factory('socket', function($rootScope) {
    var socket = io.connect();
    return {
        on: function(eventName, callback) {
            socket.on(eventName, function() {
                var args = arguments;
                $rootScope.$apply(function() {
                    callback.apply(socket, args);
                });
            });
        },
    };
});

そして、「msg」のio.emitが行われ、他のページに表示されるたびに、株式のデータをバインドしていたsocket.ioでうまく実行されます。express.ioで同じコントローラーをコーディングする必要があります。非常に高く評価されます。

4

1 に答える 1