ホームページ > 記事 > ウェブフロントエンド > NodeJS が WebSocket 関数を実装する方法
NodeJS が WebSocket 関数を実装する方法
- php中世界最好的语言オリジナル
- 2018-04-12 16:57:274090ブラウズ
今回は、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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。