socket.io と node.js_node.js に基づいてインスタントメッセージングシステムを構築する-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:40 PM

node.js socket.io

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 からローカルにダウンロードでき、

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7717

Java チュートリアル

1641

CakePHP チュートリアル

1396

Laravel チュートリアル

1289

PHP チュートリアル

1233

Related knowledge

Node V8 エンジンのメモリと GC の詳細な図による説明 Mar 29, 2023 pm 06:02 PM

この記事では、NodeJS V8 エンジンのメモリとガベージコレクター (GC) について詳しく説明します。

Nodeのメモリ制御に関する記事 Apr 26, 2023 pm 05:37 PM

ノンブロッキングおよびイベント駆動に基づいて構築されたノードサービスには、メモリ消費量が少ないという利点があり、大量のネットワークリクエストの処理に非常に適しています。大量のリクエストを前提として、「メモリ制御」に関する問題を考慮する必要があります。 1. V8 のガベージコレクションメカニズムとメモリ制限 Js はガベージコレクションマシンによって制御されます

最適な Node.js Docker イメージを選択する方法について話しましょう。 Dec 13, 2022 pm 08:00 PM

ノード用の Docker イメージの選択は些細なことのように思えるかもしれませんが、イメージのサイズと潜在的な脆弱性は、CI/CD プロセスとセキュリティに大きな影響を与える可能性があります。では、最適な Node.js Docker イメージを選択するにはどうすればよいでしょうか?

Node.js 19 が正式リリースされました。その 6 つの主要な機能についてお話しましょう。 Nov 16, 2022 pm 08:34 PM

Node 19 が正式リリースされましたので、この記事では Node.js 19 の 6 つの主要な機能について詳しく説明します。

Node の File モジュールについて詳しく説明しましょう Apr 24, 2023 pm 05:49 PM

ファイルモジュールは、ファイルの読み取り/書き込み/開く/閉じる/削除の追加など、基礎となるファイル操作をカプセル化したものです。ファイルモジュールの最大の特徴は、すべてのメソッドが **同期** と ** の 2 つのバージョンを提供することです。 asynchronous**、sync サフィックスが付いているメソッドはすべて同期メソッドであり、持たないメソッドはすべて異種メソッドです。

Node.js の GC (ガベージコレクション) メカニズムについて話しましょう Nov 29, 2022 pm 08:44 PM

Node.js はどのように GC (ガベージコレクション) を行うのでしょうか?次の記事で詳しく説明します。

Nodeのイベントループについて話しましょう Apr 11, 2023 pm 07:08 PM

イベントループは Node.js の基本的な部分であり、メインスレッドがブロックされていないことを確認することで非同期プログラミングが可能になります。イベントループを理解することは、効率的なアプリケーションを構築するために重要です。次の記事では、Node のイベントループについて詳しく説明します。お役に立てれば幸いです。