質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

WebSocket

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

解決済

springでWebSocketの接続が行えない。

pokemn
pokemn

総合スコア0

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

WebSocket

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

1回答

0評価

1クリップ

2368閲覧

投稿2019/04/07 13:44

編集2022/01/12 10:58

前提・実現したいこと

いつもお世話になっております。
現在、springでwebsockeを使用したチャットアプリを作成しようとしています。
WebSocket接続をしようとしたところ下記、画像の「■コンソールログ」が出力され、接続することがでず何故接続が
できないのか調べたり検索したりしたのですが、まったくわからない状態です。
初歩的な質問でしたら申し訳ありません。
どなたか原因が分かる方ご教授お願い致します。

発生している問題・エラーメッセージ

■コンソールログ
sockjs-0.3.min.js:27 *** SockJS CDN is being retired on Dec 1st *** Please transition to a public CDN. See https://github.com/sockjs/sockjs-client/issues/198 for more information.
chatscreen.js:12 stompClient:[object Object]
chatscreen.js:13 endpoint:http://localhost:8080/chat/hello
stomp.min.js:9 Opening Web Socket...
stomp.min.js:9 Web Socket Opened...
stomp.min.js:9 >>> CONNECT
accept-version:1.2,1.1,1.0
heart-beat:10000,10000

該当のソースコード

java

package jp.co.chat.bean; import org.springframework.context.annotation.Configuration; import org.springframework.messaging.simp.config.MessageBrokerRegistry; import org.springframework.web.socket.config.annotation.AbstractWebSocketMessageBrokerConfigurer; import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker; import org.springframework.web.socket.config.annotation.StompEndpointRegistry; @EnableWebSocketMessageBroker @Configuration public class ChatWebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer { @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/hello").withSockJS(); // WebSocketのエンドポイント (接続時に指定するエンドポイント)を指定 } @Override public void configureMessageBroker(MessageBrokerRegistry registry) { registry.setApplicationDestinationPrefixes("/chat"); // アプリケーション(Controller)でハンドリングするエンドポイントのプレフィックス registry.enableSimpleBroker("/topic", "/queue"); // Topic(Pub-Sub)とQueue(P2P)を有効化 >>> メッセージブローカーがハンドリングする }

java

package jp.co.chat.controller; import java.util.concurrent.TimeUnit; import org.springframework.messaging.handler.annotation.MessageMapping; import org.springframework.messaging.handler.annotation.SendTo; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RestController; @RestController public class ChatWebSocketController { String test = "テスト"; @MessageMapping("/hello") // エンドポイントの指定 @SendTo("/topic/greetings") // メッセージの宛先を指定 public String greeting(String test) { return test; } }

javascript

function setConnected(connected) { document.getElementById('connection').disabled = connected; } function connection() { var endpoint = 'http://' + location.host + '/chat/hello'; var socket = new SockJS(endpoint); stompClient = Stomp.over(socket); console.log('stompClient:' + socket); console.log('endpoint:' + endpoint); stompClient.connect({} , function (name) { setConnected(true) console.log('匿名関数:' + name); stompClient.subscribe('/chat/topic/greetings' , function (test) { console.log('匿名関数:' + test); showTest(JSON.parse(test.body).content); }) }) } function send() { var name = document.getElementById('textinput').value; stompClient.send("/chat/hello", {}, JSON.stringify({'send': name})); // メッセージを送信 } function showTest(message) { var response = document.getElementById('response'); var p = document.createElement('p'); p.appendChild(document.createTextNode(message)); response.appendChild(p); }

jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %> <%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %> <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false" %> <!DOCTYPE html> <html> <head> <link href="<c:url value="/resources/css/bootstrap.min.css" />" rel="stylesheet"> <link href="<c:url value="/resources/css/chatscreen.css" />" rel="stylesheet"> </head> <body> <div class="flexside"> <button id="connection" onclick="connection()">ルーム作成</button> <div class="flexcontainer"> <div class="flexmain"> <p id="response"></p> </div> <div class="flexfutter"> <input type="text" id="textinput"> <button id="send" onclick="send();">送信</button> </div> </div> </div> <script src="<c:url value="/resources/js/jquery-3.3.1.min.js" />"></script> <script src="<c:url value="/resources/js/bootstrap.min.js" />"></script> <script src="<c:url value="/resources/js/stomp.min.js" />"></script> <script src="<c:url value="/resources/js/sockjs-0.3.min.js" />"></script> <script src="<c:url value="/resources/js/chatscreen.js" />"></script> </body> </html>

java

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

springframework:4.2.4.RELEASE

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

asahina1979
asahina1979

2019/04/07 22:06

エラーログはテキストで
pokemn
pokemn

2019/04/07 23:25

申し訳ありません。 ログをテキストに変更しました。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

同じタグがついた質問を見る

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

WebSocket

WebSocketとは双方向・全二重コミュニケーションのためのAPIでありプロトコルのことを指します。WebSocketはHTML5に密接に結びついており、多くのウェブブラウザの最新版に導入されています。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。