ホームページ ウェブフロントエンド jsチュートリアル node.js_node.jsでsocket.ioを使用する方法

node.js_node.jsでsocket.ioを使用する方法

May 16, 2016 pm 04:26 PM
node.js socket.io

socket.io サーバーを作成するには、socket.io を使用します。ただし、このサーバーは、すでに作成されている http サーバーに依存します。

http サーバーが実行されたら、listen メソッドを使用して、socket.io サーバーを http サーバーに接続します。

コードをコピーします コードは次のとおりです:

var sio=require("scoket.io");
varソケット=sio.listen(サーバー);

ソケットは、サーバーに基づいて作成されたsocket.ioサーバーです。

クライアントがサーバーとの接続を確立すると、socket.io サービスの接続イベントがトリガーされます。

コードをコピーします コードは次のとおりです:

socket.on("接続",function(ソケット){
});

コールバック関数のソケット パラメータは、サーバーとクライアント間の接続を確立するために使用されるソケット ポート オブジェクトです。

クライアントから送信されたメッセージを受信すると、ソケットポートオブジェクトのメッセージイベントが発行されます。

コードをコピーします コードは次のとおりです:

ソケット.on("メッセージ",function(msg){
});

コールバック関数のパラメータは、クライアントによって送信されたメッセージです。

socket.send(msg) を使用して、クライアントにメッセージを送信できます。

サーバーとクライアント間の接続が切断されると、切断イベントがトリガーされます。

コードをコピーします コードは次のとおりです:

socket.on("切断", funciton(){
});

このコールバック関数はパラメータを受け取りません。

サーバー側のserver.jsコード:

コードをコピーします コードは次のとおりです:

var http=require("http");
var sio=require("socket.io");
var fs=require("fs");
var server=http.createServer(function (req,res) {
res.writeHead(200,{"コンテンツタイプ":"text/html"});
res.end(fs.readFileSync("./index.html"));
});
サーバー.listen(1337);
varソケット=sio.listen(サーバー);
socket.on("接続", 関数 (ソケット) {
console.log("クライアントが接続を確立します");
socket.send("こんにちは");
ソケット.on("メッセージ", 関数 (msg) {
console.log("メッセージを受信しました:" msg);
});
socket.on("切断", function () {
console.log("クライアントが切断されました。");
});
});

クライアントのindex.htmlコードを作成します:

コードをコピーします コードは次のとおりです:






<スクリプト src="/socket.io/socket.io.js">
<スクリプト>
varソケット=io.connect();
socket.on("メッセージ", 関数 (データ) {
console.log(データ);
socket.send("メッセージを受信しました。")
});
ソケット.on("切断", function () {
console.log("サーバー側が切断されました。");
});





このコード:/socket.io/socket.io.js はサーバー側のソケット.io クラス ライブラリによって提供され、クライアント側に実際にソケット.io.js ファイルを配置する必要はありません。

スクリプト ファイルでは、まず io.connect() メソッドを使用してサーバー側のソケット.io サーバーに接続します。

このメソッドは、サーバーとの接続を確立するクライアント ソケット ポート オブジェクトを返します。

サーバーによって送信されたメッセージが受信されると、クライアントのソケット ポート オブジェクトのメッセージ イベントがトリガーされます。

コードをコピーします コードは次のとおりです:

ソケット.on("メッセージ",function(msg){
});

msg はサーバーによって送信されたデータです。

クライアントのソケット オブジェクトの send() メソッドを使用して、サーバーにデータを送信することもできます。

コードをコピーします コードは次のとおりです:

ソケット.send(msg);

サーバーが切断されると、クライアントのソケット ポート オブジェクトの切断イベントがトリガーされます。

コードをコピーします コードは次のとおりです:

ソケット.on("切断",function(){
})

このコールバック関数はパラメータを使用しません。

注:

socket.io ではクライアントとサーバーが同じ API を共有するため、クライアントのメッセージ メカニズムはサーバーのメッセージ処理メカニズムと完全に一致しています。

実行後の結果:

ブラウザを閉じると、サーバーとの接続が切断されます。このとき、サーバーは切断イベントをトリガーし、クライアントは切断されます。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ノードがnpmコマンドを使用できない場合はどうすればよいですか? ノードがnpmコマンドを使用できない場合はどうすればよいですか? Feb 08, 2023 am 10:09 AM

ノードが npm コマンドを使用できない理由は、環境変数が正しく設定されていないためです。解決策は次のとおりです: 1. 「システムのプロパティ」を開きます; 2. 「環境変数」->「システム変数」を見つけて、環境を編集します。変数; 3.nodejs フォルダーの場所を見つけます; 4.「OK」をクリックします。

See all articles