ホームページ ウェブフロントエンド jsチュートリアル node.js_javascript クラス ライブラリのソケット.io の使用を開始する

node.js_javascript クラス ライブラリのソケット.io の使用を開始する

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

WebSocket およびその他のリバース Ajax テクノロジーの概要

リアルタイム Web アプリケーションでは、一般的な方法は逆 Ajax です。逆 Ajax の定義:

Reverse Ajax (リバース Ajax) は、本質的にサーバーからクライアントにデータを送信できる概念です。標準の HTTP Ajax リクエストでは、データがサーバーに送信されます。リバース Ajax は、いくつかの特定の方法で Ajax リクエストをシミュレートできます。この方法で、サーバーはデータをサーバーに送信できます。クライアントはイベントを送信します (低遅延通信)。

リバース Ajax テクノロジーには主に 2 つの内容があります。1 つはクライアントに送信するデータが得られるまでサーバーが TCP 接続を維持すること (ループとスリープを使用して実装可能)、もう 1 つはクライアントの JS プログラミング スキルです。

Websocket は HTML5 の標準であり、反 Ajax テクノロジでもあります。

リバース AJAX テクノロジーの Socket.io 実装例

socket.io 公式紹介:

Socket.IO は、さまざまなトランスポート メカニズム間の違いを曖昧にし、あらゆるブラウザーでリアルタイム接続を提供することを目的としています。 IO は、API に影響を与えることなく、実行時に最も能力のあるトランスポートを選択します。 WebSocket Adob​​e® Flash® Socket AJAX ロング ポーリング AJAX マルチパート ストリーミング Forever Iframe JSONP ポーリング

簡単に言うと、socket.io は、複数のリバース Ajax テクノロジーをパッケージ化し、インターフェイスを統合する、nodejs をベースにしたライブラリです。実行時に、socket.io はブラウザの条件に基づいて、socket.io サーバーと対話するための適切なリバース Ajax テクノロジーを自動的に選択します。 WebSocket などのテクノロジーが標準であれば、socket.io はアプリケーションです。

インストール方法は次のとおりです (著者は Linux Mint 16 を使用しています):

node.js をインストールします:

コードをコピーします コードは次のとおりです:
sudo apt- get install nodejs

コマンドnodejsを入力してシェルモードに入ります。

npm をインストールします:

コードをコピーします コードは次のとおりです:
sudo apt-get install npm

socket.io をインストールします:
コードをコピーします コードは次のとおりです:
sudo npm installsocket.io

インストール パッケージは ~/node_modules ディレクトリに保存され、クライアントのソケット.io.js は ~/node_modules/socket.io/node_modules/socket.io- に保存されます。 client/dist ディレクトリ。

socket.io の例

次の例は公式 Web サイトからのものであり、適切に変更されています。

最初にサーバー側 (サーバー側) コード (ファイル test.js) を作成します。

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

var io = require('socket.io').listen(8080);

io.sockets.on('接続', function (socket) {
socket.emit('ニュース', { hello: 'world' });
socket.on('私の他のイベント' 、 function (data) {
console.log(data);
});
});


サーバー test.js はポート 8080 にバインドされています。クライアントが接続するときサーバー test.js が実行されている場合、サーバー test.js はニュース コマンドをクライアントに送信し、データ { hello: 'world' } を送信します。サーバー test.js が他のイベント コマンドを受信すると、コールバックが呼び出されます。 function function (data) { console.log(data);} 受信したデータ data を処理します。

著者はポート 80 を使用する nginx サーバーを構築し、Web ルート ディレクトリは /usr/share/nginx/html です。 ~/node_modules/socket.io/node_modules/socket.io-client/dist の下にあるsocket.io.min.jsをWebルートディレクトリにコピーし、Webルートディレクトリにファイルindex.phpを作成します(クライアントとして)。内容は次のとおりです:

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





ホット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)

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

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

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

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

最適な 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 つの主要な機能について詳しく説明します。

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

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

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

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

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