NodeJS が WebSocket 関数を実装する方法-jsチュートリアル-php.cn

NodeJS が WebSocket 関数を実装する方法

php中世界最好的语言

リリース： 2018-04-12 16:57:27

オリジナル

4144 人が閲覧しました

今回は、NodeJS が WebSocket 機能を実装する方法について説明します。NodeJS が WebSocket 機能を実装するための注意事項は何ですか? 以下は実際的なケースです。

私たちは

express と socket.io に基づいて開発を行っています。まず、次のパッケージをインストールする必要があります

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

ログイン後にコピー

。サーバー側コード:

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
  res.send('<h1>Welcome Realtime Server</h1>');
});
io.on('connection', function(socket){
  console.log('a user connected');
  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('listening on *:3000');
});

ログイン後にコピー

クライアントコード

<!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('ws://127.0.0.1:3000');
    socket.emit("message", {"name" : navigator.userAgent, "msg" : "hello world"});
    socket.on("message", function(obj) {
      console.log(obj);
    });
  </script>
</body>
</html>

ログイン後にコピー

チャットルームのコンソールバージョンが完成しました (^o^)/~

この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。！

推奨読書:

Immutable.js で元に戻すおよびやり直しの効果を実現する方法

Vuex でのミューテーションとアクションの使用の詳細な説明

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