ホームページ > ウェブフロントエンド > フロントエンドQ&A > nodejsでWSモジュールをインストールする

nodejsでWSモジュールをインストールする

PHPz
リリース: 2023-05-08 09:16:36
オリジナル
2270 人が閲覧しました

Node.js でのリアルタイム通信に WebSocket プロトコルを使用する場合、ws モジュールを使用できます。 ws モジュールは、WebSocket サーバーおよびクライアント アプリケーションを作成するためのシンプルで使いやすい API を提供する最新の WebSocket ライブラリです。この記事では、Node.jsにwsモジュールをインストールして使用する方法を紹介します。

1. Node.js をインストールする

まず、ローカル コンピューターに Node.js 環境をインストールする必要があります。公式 Web サイト https://nodejs.org/ からオペレーティング システムに適した Node.js インストーラーをダウンロードし、指示に従ってインストールできます。インストールが完了したら、ターミナルまたはコマンド ラインに次のコマンドを入力して、Node.js が正常にインストールされたかどうかを確認できます。

node -v 
ログイン後にコピー

現在インストールされている Node.js のバージョン番号が返された場合、Node. js がインストールされました。正常にインストールされました。

2. WebSocket サーバーの作成

ws モジュールをインストールする前に、モジュールの使用方法をよりよく理解するために、まず WebSocket サーバーを作成できます。次の手順に従って WebSocket サーバーを作成できます。

  1. プロジェクト ファイルを保存するフォルダーをローカルに作成します。
  2. コマンド ラインでプロジェクト フォルダーを見つけ、次のコマンドを入力して新しい Node.js プロジェクトを初期化します:

    npm init -y  
    ログイン後にコピー
  3. 次に、プロジェクト内でフォルダー内にserver.jsという名前のファイルを作成し、次のコードを入力してWebSocketサーバーを作成します。

    const WebSocket = require("ws");     
      
    const server = new WebSocket.Server({ port: 8080 });    
      
    server.on("connection", socket => {  
    
        socket.on("message", message => { 
            console.log(`Received message => ${message} `);
        });  
    
        socket.send("Hello! Message From Server!!");   
    });
    ログイン後にコピー

    コードの最初の行では、wsモジュールが導入され、WebSocketサーバー・インスタンスが作成されます。このインスタンスは、ポート番号 8080 を使用して受信接続を待機します。サーバーが新しい WebSocket 接続を受信すると、「connection」イベントが発生します。このイベント ハンドラーでは、接続上で受信されたメッセージをリッスンし、接続にメッセージを送信できます。

  4. コマンド ラインに次のコマンドを入力して WebSocket サーバーを起動します:

    node server.js
    ログイン後にコピー

    すべてが正常であれば、次のような出力が表示されます。

    WebSocket server listening on port 8080  
    ログイン後にコピー
3. ws モジュールのインストール

これで、ws モジュールを使用する準備が整いました。プロジェクト フォルダーに次のコマンドを入力して、ws モジュールをインストールできます:

npm install ws
ログイン後にコピー
4. WebSocket クライアントの作成

WebSocket クライアントの作成も非常に簡単です。新しいターミナルまたはコマンド ライン ウィンドウに次のコードを入力することで、WebSocket クライアントを作成できます。

const WebSocket = require("ws");

const socket = new WebSocket("ws://localhost:8080");

socket.on("open", () => {
    console.log("Connected to WebSocket server...");
});

socket.on("message", message => {
    console.log(`Received message => ${message}`);
});

socket.on("close", () => {
    console.log("Disconnected from WebSocket server...");
});
ログイン後にコピー
2 行目で、WebSocket クライアント インスタンスを作成し、WebSocket サーバーのアドレスとポート番号を渡します。 WebSocket クライアントがサーバーに接続すると、「open」イベントが発生します。イベント応答関数で接続成功のメッセージを出力できます。

5 行目では、サーバーから受信したメッセージをリッスンするために「message」イベントをリッスンします。このイベントレスポンス関数では、サーバーから受信したメッセージを出力することができます。

8 行目では、「close」イベントをリッスンして、WebSocket クライアントがサーバーから切断されたときにメッセージを出力します。

これで、コマンド ラインに次のコマンドを入力して WebSocket クライアントを起動できます:

node client.js
ログイン後にコピー
WebSocket クライアントが正常に接続すると、「WebSocket サーバーに接続しました...」というメッセージが表示されます。出力される。その後、WebSocket クライアントはサーバーからのメッセージの受信を待ちます。 WebSocket サーバー インスタンス上のクライアントにメッセージを送信すると、サーバーから送信されたメッセージがクライアントで受信されます。

結論

この記事では、Node.js に ws モジュールをインストールして使用し、WebSocket 通信を実装する方法を紹介します。接続されたクライアントのログをコンソールに出力する WebSocket サーバーを作成しました。次に、ws モジュールをインストールし、サーバーに接続するための WebSocket クライアントを作成しました。 WebSocket クライアントのオープン、クローズ、メッセージ イベントをリッスンし、WebSocket サーバーから送信されたメッセージをコンソールに出力しました。これらのテクノロジーは、リアルタイム Web アプリケーション、オンライン ゲーム、チャット アプリケーションなどに適用できます。

以上がnodejsでWSモジュールをインストールするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート