検索

ホームページ >ウェブフロントエンド >jsチュートリアル >socket.io と node.js_node.js に基づいてインスタント メッセージング システムを構築する

socket.io と node.js_node.js に基づいてインスタント メッセージング システムを構築する

WBOY
WBOYオリジナル
2016-05-16 16:40:401571ブラウズ

socket.io と nodejs を使用して WebSocket サーバーを構築する

socket.io はクライアント側 WebSocket サービスを構築できるだけでなく、nodejs サーバー側 WebSocket もサポートします。

nodejsのインストールと設定方法を紹介します。

http://nodejs.org/#download に移動して、msi ファイルをダウンロードします。 「次へ」をクリックし続けてインストールします。最終的なファイルは C:nodejs ディレクトリに自動的にインストールされます。

インストールが完了すると、環境変数が自動的に設定されます。自動構成がない場合は、パスに ;C:nodejs を手動で追加します。

インストールが完了したら、node.js モジュールを管理するように npm を構成する必要があります。

ウィンドウの下に npm をインストールするには、git をインストールする必要があります。

git をインストールした後、gitbush を開きます。次の手順に従ってください: 

git config --system http.sslcainfo /bin/curl-ca-bundle.crt

git clone --recursive git://github.com/isaacs/npm.git

cd npm

node cli.js install npm -gf

最初のステップは、プロンプトを表示せずにセットアップすることです。2 番目のステップは、github から npm をダウンロードすることです。ファイルがダウンロードされ、進行状況が表示されます。4 番目のステップは、npm を node.js にインストールし、いくつかのファイル cmd ファイルをコピーすることです。 mode_modules ファイルを nodejs ディレクトリにクリップします。

これにより、npm が設定されます。

モジュールをインストールする必要がある場合は、「npm install ***」と直接入力します。

npm を持たないユーザーまたは Windows ユーザーは、github を使用してソケット.io をダウンロードし、node_modules フォルダーに配置できます。具体的な構成については、記事「Nodejs チュートリアル: Nodejs.exe の Windows ディレクトリ構造の構成」を参照してください。 🎜>

nodejs インストールソケット.io

ノードプラグインを使用してパッケージを管理し、次のコマンドを実行してsocket.ioを正常にインストールします

npm install socket.io
socket.io を使用して実装された例

クライアントコード: 

<html> 

<head> 

  <title></title> 

  <script src="../js/socket.io.client.js"></script> 

  <script type="text/javascript"> 

    function doit() { 

      var socket = io.connect('http://localhost'); 

      socket.on('news', function (data) {//接收到服务器发送过来的名为'new'的数据 

        console.log(data.hello);//data为应服务器发送过来的数据。 

        socket.emit('my new event', { my:'new data' });//向服务器发送数据，实现双向数据传输 

      }); 

      socket.on('other', function (data) {//接收另一个名为'other'数据， 

        console.log(data.hello); 

        socket.emit('event1', { my:'other data' }); 

      }); 

    } 

  </script> 

</head> 

<body> 

<button id='btn' onclick="doit()">click me</button> 

</body> 

</html>
socket.io.client.js は、

https://github.com/LearnBoost/socket.io-client からローカルにダウンロードでき、