node.jsとsocket.ioによるチャットについて

lang
11. 実現したい内容
2
3A端末→APIリクエストをサーバに送る
4B端末→Webブラウザのチャット画面にメッセージをリアルタイムで表示する
5
62. 質問内容
7
8・実現可能かどうか
9・参考となるブログなどネット上の情報（あるいは回答者様のアドバイス）

同じWebページを開いた状態でA端末、B端末でチャットをするのは実現できたのですが、A端末とB端末が全く別の状態（一方はWebブラウザを開き、一方はリクエストをするのみ）でもリアルタイムチャットを動かせるのかどうかが質問のポイントです。よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

ちょっとサンプルを作ってみました。

app.js

lang
1var fs = require('fs');
2var send = fs.readFileSync('send.html');
3var recv = fs.readFileSync('recv.html');
4var http = require('http').createServer(function(req, res) {
5  var html = (req.url === '/send') ? send : recv;
6  res.writeHead(200, {'Content-Type': 'text/html'});
7  res.end(html);
8});
9var io = require('socket.io')(http);
10http.listen(3000);
11io.on('connection', function(socket) {
12  socket.on('msg', function(data) {
13    io.emit('msg', data);
14  });
15});

send.html

lang
1<!doctype html>
2<meta charset="utf-8">
3<title>chat</title>
4<script src="/socket.io/socket.io.js"></script>
5<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
6<form><input></form>
7<script>
8var socket = io();
9$('form').submit(function() {
10  socket.emit('msg', $('input').val());
11  $('input').val('');
12  return false;
13});
14</script>

recv.html

lang
1<!doctype html>
2<meta charset="utf-8">
3<title>chat</title>
4<script src="/socket.io/socket.io.js"></script>
5<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
6<div></div>
7<script>
8var socket = io();
9socket.on('msg', function(data) {
10  $('div').prepend(data + '<br>');
11});
12</script>