WebSocketサーバーをJavaで実装したい

Question

WebSocketサーバーをJavaで簡単に実装してみようと思い
https://yacchi-engineer.com/?p=52
こちらのサイトを参考にコーディングをしました。

実行環境

• Eclipse

コード

package main;

import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;

/* WebSocketでサーバ側がデータを受け取る場合はエンドポイントを指定する */
@ServerEndpoint("/WebSocketServer")
public class WebSocketServer {

    @OnOpen
    public void onOpen(Session session) {
        /* セッション確立時の処理 */
        System.out.println("WebSocketセッション確立");
    }

    @OnMessage
    public String onMessage(String message) {
        /* メッセージ受信時の処理 */
        System.out.println("WebSocket受信：" + message);
        return "正常にメッセージを受信しました。";  //今回追加する部分
    }

    @OnError
    public void onError(Throwable th) {
        /* エラー発生時の処理 */
        System.out.println("WebSocketエラー：" + th.getMessage());
    }

    @OnClose
    public void onClose(Session session) {
        /* セッション解放時の処理 */
        System.out.println("WebSocketセッション確立");
    }
}

package main;

import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;

/* WebSocketでサーバ側がデータを受け取る場合はエンドポイントを指定する */
@ServerEndpoint("/WebSocketServer")
public class WebSocketServer {

    @OnOpen
    public void onOpen(Session session) {
        /* セッション確立時の処理 */
        System.out.println("WebSocketセッション確立");
    }

    @OnMessage
    public String onMessage(String message) {
        /* メッセージ受信時の処理 */
        System.out.println("WebSocket受信：" + message);
        return "正常にメッセージを受信しました。";  //今回追加する部分
    }

    @OnError
    public void onError(Throwable th) {
        /* エラー発生時の処理 */
        System.out.println("WebSocketエラー：" + th.getMessage());
    }

    @OnClose
    public void onClose(Session session) {
        /* セッション解放時の処理 */
        System.out.println("WebSocketセッション確立");
    }
}

$(function() {
  var url = "ws://localhost:8080/SampleServer/WebSocketServer";
  var ws = new WebSocket(url);

  ws.onmessage = function(receive) {
    $("#message").text(receive.data);
  };
  ws.onopen = function() {
    ws.send("Hello World!!");
    console.log("送信しました");
  };
});

以上のコードを[サーバーで実行]から実行したのですが
エラーメッセージが出て実行が反映されませんでした。

エラーメッセージ

パス：file:///Users/ユーザー名/SampleWebSite/index.html

"file:///Users/ユーザー名/SampleWebSite/index.html"が見つかりません。パスまたはインターネットアドレスが正しいかどうかを確認してください

このように出てきています。
確かにこの位置にindex.htmlは存在するのですが…。

わかるという方、少しでも良いのでお力添えをお願いします。

Answer 1

作成されている動的Webアプリケーションの名前が 例えば SampleWebSocket だった場合、
サーバ（Tomcatでしょうか）に公開した場合は、http://localhost:8080/SampleWebSocket になります。

サンプルで提供されているJavaScriptにて

ws://localhost:8080/SampleServer/WebSocketServer

となっていますが、作成したWebアプリケーションの名前が SampleWebSocket ですので、これを書き換えます。

ws://localhost:8080/SampleWebSocket/WebSocketServer

書き換えた後サーバを実行し、ブラウザにて

http://localhost:8080/SampleWebSocket/index.html

にアクセスすると、サーバのコンソールにて

WebSocketセッション確立
WebSocket受信：Hello World!!

と出力されます。

なお、質問に記載されているHTMLがJavaコードになっています。

Comments

[Sora17]

実行できました！ありがとうございます。

[A-pZ]

d(・ω・