ホームページ > 記事 > ウェブフロントエンド > NodeJSを利用したWebSocket機能の実装方法

NodeJSを利用したWebSocket機能の実装方法

亚连オリジナル: 2018-06-06 11:30:341576ブラウズ

この記事では主にNodeJSによるWebSocket機能の簡単な実装を紹介し、具体的な例に基づいてWebSocket通信機能を実装するためのnodejsのクライアント側とサーバー側の操作スキルを分析します。この記事では、NodeJS 関数による WebSocket の簡単な実装について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

私たちは

express

と socket.io に基づいて開発しています。まず、次のパッケージ

npm install --save express
npm install --save socket.io

サーバー側コードをインストールする必要があります:

var app = require(&#39;express&#39;)();
var http = require(&#39;http&#39;).Server(app);
var io = require(&#39;socket.io&#39;)(http);
app.get(&#39;/&#39;, function(req, res){
  res.send(&#39;<h1>Welcome Realtime Server</h1>&#39;);
});
io.on(&#39;connection&#39;, function(socket){
  console.log(&#39;a user connected&#39;);
  socket.on("disconnect", function() {
    console.log("a user go out");
  });
  socket.on("message", function(obj) {
    io.emit("message", obj);
  });
});
http.listen(3000, function(){
  console.log(&#39;listening on *:3000&#39;);
});

Client -サイドコード

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://127.0.0.1:3000/socket.io/socket.io.js"></script>
</head>
<body>
  <ul id="message"></ul>
  <script>
    socket = io.connect(&#39;ws://127.0.0.1:3000&#39;);
    socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
    socket.on("message", function(obj) {
      console.log(obj);
    });
  </script>
</body>
</html>

上記は私です。皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

puppeteer を使用してスライディング検証コードをクラックする方法

jquery で動的に生成されたタグにイベントをバインドする (詳細なチュートリアル)

JS でページの色を変更する方法 (詳細なチュートリアル)

以上がNodeJSを利用したWebSocket機能の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

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

前の記事：$refsの使い方次の記事：$refsの使い方

続きを見る