ホームページ ウェブフロントエンド jsチュートリアル ノード内で Socket.IO モジュールを適切に使用する方法の簡単な分析

ノード内で Socket.IO モジュールを適切に使用する方法の簡単な分析

Nov 22, 2022 pm 07:53 PM
nodejs​ node socket.io

node で Socket.IO モジュールを使用するにはどうすればよいですか?次の記事では、node.js で Socket.IO モジュールをエレガントに使用する方法を紹介します。

ノード内で Socket.IO モジュールを適切に使用する方法の簡単な分析

Socket.IO

Socket.IO の定義は

WebSocket ライブラリ#です## クライアント側 js サーバー側 Node.js を含むその目標は、さまざまなブラウザーやモバイル デバイスで使用できるリアルタイム アプリケーションを構築することです。 [関連チュートリアルの推奨事項: nodejs ビデオ チュートリアル ]Socket.IO は、

WebSocket、AJAX、およびその他の通信メソッド

統合通信インターフェイス にカプセル化します。つまり、SocketIO を使用する場合、 互換性の問題を心配する必要はありません。最下層が自動的に最適な通信方法を選択します


Socket.IOの利点

    socket.ioはサーバーとクライアントをカプセル化します。とてもシンプルで使いやすいです。
  • socket.io はクロスプラットフォームをサポートしているため、好みのプラットフォームでリアルタイム アプリケーションを開発する選択肢が増えています。
  • socket.io は、ピア (サーバーまたはクライアント) に送信するイベントをカスタマイズできます。
  • 送信、受信、または on

    には Emit を使用します。

  • WebSocket、AJAX ロングポーリング、Iframe ストリーミングなどから、ブラウザに基づいてリアルタイム ネットワーク アプリケーションを実装するための最適な方法が自動的に選択されます。これは非常に便利でユーザーにとって便利です。フレンドリーで、サポートされる最小ブラウザは IE5.5 です。 WebSocket がサポートされていない場合は、自動的に
  • Polling

##ノード ## に Socket.IO をインストールします。 #ターミナルを開き、次のコードをターミナルに入力して Socket.IO モジュールをインストールします:
npm i socket.io
ログイン後にコピー


ノードで Socket.IO を使用します

emit

on

は 2 つの最も重要な API で、それぞれ sendinglistening イベントに対応します。 サーバー でイベントを自由に定義して

送信し、

クライアント on をリッスンすることができます。逆も同様です。 送信される コンテンツ形式 も非常に自由です。 は、数値、文字列、ブールなどの基本的なデータ型にすることも、オブジェクト、配列型、さらには関数# ##。コールバック関数を使用すると、より移植性の高い対話が可能になります。

emit

##socket.emit(eventName[, ...args])イベントを発行 (トリガー)

socket.emit('aaa','你好,前台')
ログイン後にコピー

ここでは、例として server を取り上げます。サーバーに socket.emit() を渡します イベント作成方法 (

第一パラメータ:カスタムイベント
)

aaa、情報送信 (第二パラメータ) わかりました、フロント .注: 2 番目のパラメータは emit メソッド

内にあるため、##object
として渡すことができます。
JSON.stringfy()

メソッドを使用すると、オブジェクトを文字列に自動的に変換します。 #on

##socket.on(イベント名, コールバック)

:emit

socket.on('aaa',(msg)=>{
	console.log(msg)
})
ログイン後にコピー
によって発行されたイベントをリッスンします。ここでは、例として client

を取り上げます。クライアントは、サーバー上のイベントをリッスンします。

aaaそして、コールバック関数を通じて aaa によって渡された情報を出力します。

#express で


を使用して導入server

const server = require('http').createServer(app);
const io = require('socket.io')(server);
io.on('connection', socket => {
	console.log('恭喜你连接成功!')
	socket.on("message",(msg)=>{
		console.log(msg)  //你好 后台
		//注意 : 这里的 io.emit() 是默认转发给全部客户端信息,所有客户端都可以收到
		io.emit("allMsg","广播 : 欢迎来到聊天室")
	})
});
server.listen(3000);
ログイン後にコピー
は、server をパラメータとして渡し、io

によってマウントされたサービスが引き続き http に基づいていることを示します。の。 ここのコードは、接続が成功している限り、接続成功情報が出力されることを示しています。

Client<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;script src=&quot;/socket.io/socket.io.js&quot;&gt;&lt;/script&gt; &lt;script&gt;   const socket = io();  //默认连接服务端启动的本地端口地址   socket.emit(&quot;message&quot;,&quot;你好 后台&quot;)   // 监听服务端的广播事件,接收广播的消息   socket.on(&quot;allMsg&quot;,(msg)=&gt;{ console.log(msg)  //广播 : 欢迎来到聊天室   }) &lt;/script&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>
client

socket.io で個別に参照する必要があります。 js
ファイル。socket.io はブラウザの組み込みモジュールではなく、個別に参照する必要があるため、js ファイルの内部コード ==>
socket.io.js 内部コード

をコピーします。ここのコードを、js ファイルを作成してクライアントで参照したコードに置き換えます。 クライアントに constソケット = io() が表示されている限り、ブラウザはデフォルトでクライアントによって開始されたローカル サービス アドレスに直接接続します。

小結

socket.io這個第三方模組相對來說,書寫程式碼的時候更加的方便與高效,在ws模組中透過switch分支來進行對不同的聊天類型進行不同的方法呈現,而在socket.io模組中僅僅透過自訂事件就可以解決這個問題,並且socket.io可以在伺服器斷開後,當你再次進入客戶端後可以自動連接,整體的表現優於ws模組。

更多node相關知識,請造訪:nodejs 教學

以上がノード内で Socket.IO モジュールを適切に使用する方法の簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

nvmでノードを削除する方法 nvmでノードを削除する方法 Dec 29, 2022 am 10:07 AM

nvm でノードを削除する方法: 1. 「nvm-setup.zip」をダウンロードして C ドライブにインストールします; 2. 「nvm -v」コマンドで環境変数を構成し、バージョン番号を確認します; 3. 「nvm」を使用しますinstall" コマンド ノードのインストール; 4. "nvm uninstall" コマンドでインストールしたノードを削除します。

Express を使用してノード プロジェクトでファイルのアップロードを処理する方法 Express を使用してノード プロジェクトでファイルのアップロードを処理する方法 Mar 28, 2023 pm 07:28 PM

ファイルのアップロードをどのように処理するか?次の記事では、Express を使用してノード プロジェクトでファイルのアップロードを処理する方法を紹介します。

Nodeのプロセス管理ツール「pm2」を徹底分析 Nodeのプロセス管理ツール「pm2」を徹底分析 Apr 03, 2023 pm 06:02 PM

この記事では、Node のプロセス管理ツール「pm2」について説明し、pm2 が必要な理由、pm2 のインストール方法と使用方法について説明します。皆様のお役に立てれば幸いです。

PIノードティーチング:PIノードとは何ですか? PIノードをインストールしてセットアップする方法は? PIノードティーチング:PIノードとは何ですか? PIノードをインストールしてセットアップする方法は? Mar 05, 2025 pm 05:57 PM

ピン張りのノードの詳細な説明とインストールガイドこの記事では、ピネットワークのエコシステムを詳細に紹介します - PIノードは、ピン系生態系における重要な役割であり、設置と構成の完全な手順を提供します。 Pinetworkブロックチェーンテストネットワークの発売後、PIノードは多くの先駆者の重要な部分になり、テストに積極的に参加し、今後のメインネットワークリリースの準備をしています。まだピン張りのものがわからない場合は、ピコインとは何かを参照してください。リストの価格はいくらですか? PIの使用、マイニング、セキュリティ分析。パインワークとは何ですか?ピン競技プロジェクトは2019年に開始され、独占的な暗号通貨PIコインを所有しています。このプロジェクトは、誰もが参加できるものを作成することを目指しています

pkg を使用して Node.js プロジェクトを実行可能ファイルにパッケージ化する方法について説明します。 pkg を使用して Node.js プロジェクトを実行可能ファイルにパッケージ化する方法について説明します。 Dec 02, 2022 pm 09:06 PM

Nodejs実行可能ファイルをpkgでパッケージ化するにはどうすればよいですか?次の記事では、pkg を使用して Node プロジェクトを実行可能ファイルにパッケージ化する方法を紹介します。

Angular と Node を使用したトークンベースの認証 Angular と Node を使用したトークンベースの認証 Sep 01, 2023 pm 02:01 PM

認証は、Web アプリケーションの最も重要な部分の 1 つです。このチュートリアルでは、トークンベースの認証システムと、それが従来のログイン システムとどのように異なるかについて説明します。このチュートリアルを終えると、Angular と Node.js で書かれた完全に動作するデモが表示されます。従来の認証システム トークンベースの認証システムに進む前に、従来の認証システムを見てみましょう。ユーザーはログイン フォームにユーザー名とパスワードを入力し、[ログイン] をクリックします。リクエストを行った後、データベースにクエリを実行してバックエンドでユーザーを認証します。リクエストが有効な場合、データベースから取得したユーザー情報を使用してセッションが作成され、セッション情報が応答ヘッダーで返され、セッション ID がブラウザに保存されます。対象となるアプリケーションへのアクセスを提供します。

npm ノード gyp が失敗した場合の対処方法 npm ノード gyp が失敗した場合の対処方法 Dec 29, 2022 pm 02:42 PM

「node-gyp.js」が「Node.js」のバージョンと一致しないため、npm node gyp が失敗します。解決策は次のとおりです: 1. 「npm cache clean -f」を使用してノード キャッシュをクリアします; 2. 「npm install -」を使用します。 g n" n モジュールをインストールします。 3. 「n v12.21.0」コマンドを使用して、「node v12.21.0」バージョンをインストールします。

ノードが ocr を実装する方法の簡単な分析 ノードが ocr を実装する方法の簡単な分析 Oct 31, 2022 pm 07:09 PM

OCR (光学式文字認識) を実装するにはどうすればよいですか?次の記事ではnodeを使ってOCRを実装する方法を紹介しますので、参考になれば幸いです。

See all articles