Node.js＋Express＋ejsでチャットアプリを制作していますが、Socket.Ioを利用したリアルタイム通信がうまくいきません。

Question

Node.js＋Express＋ejsでチャットアプリを制作していますが、Socket.Ioを利用したリアルタイム通信がうまくいきません。
クライアント側にsocketio.emit、socketio.onを書けばいいとのかなとは思うのですが、どこに書けばいいのかわかりません。
よろしくおねがいします。

//app.js

io.on('connection', function (socket) {
  //データの受信
  socket.on('message', function (msg) {
    console.log('message: ' + msg);
    //クライアント全員に対して送信する
    io.emit('message', msg);
  });
});

次はメッセージとアイコンを表示する部分です。
相手のメッセージがreplies、自分のメッセージがsentです。

<!--index.ejs-->
        <div class="messages">
          <ul>
            <!--自分のメッセージ-->
            <li class="sent">
              <img src="http://emilcarlsson.se/assets/mikeross.png" alt="" />
              <p>How the hell am I supposed to get a jury to believe you when I am not even sure that I
                do?!</p>
            </li>
            <!--相手のメッセージ-->
            <li class="replies">
              <img src="http://emilcarlsson.se/assets/harveyspecter.png" alt="" />
              <p>When you're backed against the wall, break the god damn thing down.</p>
            </li>
          </ul>
        </div>

関数newMessage
メッセージを表示するだけですが、この部分はうまく動作しています.
おそらくこの部分に
socketio.emit（送信）
socketio.on（受信）
を記述すればいいと思うのですが、どこに書いてもうまくいきません。

<!--index.ejs-->

function newMessage() {
        message = $(".message-input input").val();
        if ($.trim(message) == '') {
          return false;
        }

<!--li class="sent"にメッセージを表示-->
        $('<li class="sent"><img src="http://emilcarlsson.se/assets/mikeross.png" alt="" /><p>' + message + '</p></li>').appendTo($('.messages ul'));
        $('.message-input input').val(null);
        $('.contact.active .preview').html('<span>You: </span>' + message);
        $(".messages").animate({ scrollTop: $(document).height() }, "fast");
      };

 <!--送信ボタンを押した時にnewMessageを呼び出す-->

      $('.submit').click(function () {
        newMessage();
      });

Answer 1

socketio.emit（送信）
socketio.on（受信）

をどこに記載して動かなかったのかわかりませんが、
socket.io側の
io.on('connection', function (socket) {
の直下にログを出して接続してきたかどうかのチェックなどしてみたらいかがでしょうか。
(当然クライアント側のsocketio.emitおよびsocketio.onもconsole.logで確認)

最悪
https://socket.io/docs/
最小サンプルで動かしてみるとか

Comments

[dydo]

回答ありがとうございました。