2017-01-27 8 views
0

なぜ私のsocket.ioはionicで動作できないのですか?私は単純なプロジェクトを持っています。私は単にindex.htmlで編集し、jsフォルダにindex.jsを追加してソケットの動作を試みます。 なぜ私のsocket.ioはionicで動かないのですか?

この

は私のindex.htmlです:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title></title> 

    <link rel="manifest" href="manifest.json"> 

    <!-- un-comment this code to enable service worker 
    <script> 
     if ('serviceWorker' in navigator) { 
     navigator.serviceWorker.register('service-worker.js') 
      .then(() => console.log('service worker installed')) 
      .catch(err => console.log('Error', err)); 
     } 
    </script>--> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 
    <script type="text/javascript" src="http://cdn.socket.io/socket.io-1.0.3.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
    <script type="text/javascript"> 
     app.initialize(); 

     document.addEventListener('deviceready', function() { 
     socket.on('connect', function() { 
      socket.on('text', function(text) { 
      alert(text); 
      }); 
     }); 
     }); 
    </script> 
    </head> 
    <body ng-app="starter"> 
    <!-- 
     The nav bar that will be updated as we navigate between views. 
    --> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 
    <!-- 
     The views will be rendered in the <ion-nav-view> directive below 
     Templates are in the /templates folder (but you could also 
     have templates inline in this html file if you'd like). 
    --> 
    <ion-nav-view></ion-nav-view> 
    </body> 
</html> 

これは私のindex.jsです:

私は私のプロジェクトを実行してい
var server = require('http').createServer(); 
var io = require('socket.io')(server); 

io.sockets.on('connection', function (socket) { 
    console.log('socket connected'); 

    socket.on('disconnect', function() { 
     console.log('socket disconnected'); 
    }); 

    socket.emit('text', 'Your socket is successed'); 
}); 

server.listen(3000); 

イオン果たし、このようなエラー出力:

enter image description here

+0

ためsocket.io-clientパッケージを使用していることをあなたはこの を見たhttp://stackoverflow.com/questions/37834168/how-to-use作ります-socket-io-in-ionic-app とthis http://stackoverflow.com/questions/23981650/socket-io-in-ionic-cordova?rq=1 – Marko

答えて

0

クライアントのソケットを次のように初期化する必要があります。

var socket = io("yourDomainName"); 

また必ずクライアント側socket.io.js

+0

こんにちは..あなたのコードを実装する方法は?ソケットでごめんなさい、初心者です:) –

関連する問題