ionic2でハイブリッドなアプリ開発:ionic2/Angular2でsocket.ioを使う

Posted on Posted in 趣味的なIT・ネットの話題

Creating a Real Time Chat Application with Ionic 2 and Socket.io

ionic2でsocket.ioを使うにはどうしたら良いかと思い最初に見つけたのがこの記事。ですが、index.htmlでインポートするというのはionic2/angular2の作法に沿っていない様に思われ、もしindex.htmlがアップデートされたときに記述が消失してしまうリスクもあるように思いました。そこでもう少し検索して発見したのがこちら。

How to include socket.io-client · Issue #221 · AngularClass/angular2-webpack-starter

npmでsocket.io-clientというモジュールを入れて、これを呼ぶとのこと。npmからローカルインストールされたものがクライアントのビルドの中に入るのかちょっと不安でしたがやってみたらできました。

このとおりインストールしてコードを書いてみます。書き方は公式より。

socketio/socket.io-client: Realtime application framework (client)

ちゃんとサーバー側への送信(emit)、サーバー側からの受信(on)、両方が作動しました。


Facebooktwittergoogle_pluspinterestlinkedinmail
納得したらすぐにシェア!