Java EE - Websockets

Java EE - Websockets
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0

Witam, mam problem z Websocketem, po wprowadzeniu systemu pokoi nie chce sie polaczyc, mysle ze problem jest z przekazaniem parametru "roomID", nie widze tego jak kod sie wywoluje, da rade to jakos zdebugowac?

Najprawdopodobniej problem jest z przekazaniem parametru roomID.

Czy w funkcji OnOpen powinno byc w srodku (Session session, @PathParam "roomID" String roomID) ? nie rozumiem tego @PathParam, nie widze tego jak przekazuje ten parametr.

Mogłby ktos pomoc? Patrze na ten kod szukam w necie, ale nie moge do tego dojsc. Potrzebuje kogos madrego zeby spojrzal na ten kod i powiedzial mi co jest zle.

EchoServer.java

Kopiuj
import java.io.IOException;
import javax.websocket.OnClose;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
import javax.ws.rs.PathParam;
 
@ServerEndpoint(value = "/echo/{roomID}") 
public class EchoServer {
  
    @OnOpen
    public void onOpen(Session session){
        String roomID = session.getUserProperties().get("roomID").toString();
        session.getUserProperties().put("roomID", roomID);
        SessionHandler.addSession(session, roomID);
        
        System.out.println(session.getId() + " has opened a connection"); 
        try {
            session.getBasicRemote().sendText("Connection Established");
        } catch (IOException ex) {
            ex.printStackTrace();
        }
    }
 
    @OnMessage
    public void onMessage(String message, Session session){
        System.out.println("Message from " + session.getId() + ": " + message);
        try {
            session.getBasicRemote().sendText(message);
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }

    @OnClose
    public void onClose(Session session, String roomID){
        SessionHandler.removeSession(session, roomID);
        System.out.println("Session " +session.getId()+" has ended");
    }
}

SessionHandler.java

Kopiuj
import java.util.HashMap;
import java.util.Map;
import javax.websocket.Session;

public class SessionHandler {
    private static final Map<String, Session> sessions = new HashMap<>();
    
    public static void addSession(Session session, String roomID){
        sessions.put(roomID, session);
    }
    
    public static void removeSession(Session session, String roomID){
        sessions.remove(roomID, session);
    }
    
    public static void sendToSession(Session session, String message){
          System.out.println("Message from " + session.getId() + ": " + message);
        try {
            session.getBasicRemote().sendText(message);
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }
    public static void sendToAllConnectedSessionsInRoom(String roomID, String message){
        for (Map.Entry<String, Session> entry : sessions.entrySet()) {
            Session s = entry.getValue();
            if (s.isOpen() && s.getUserProperties().get("roomID").equals(roomID))
                try {
                    s.getBasicRemote().sendText(message);
                } catch (Exception ex) {
                ex.printStackTrace();
                }
        }
    }
}

index.html

Kopiuj
<!DOCTYPE html>
 
<html>
    <head>
        <title>Echo Chamber</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
       
        <div>
            <input type="number" id="roomID"/>
            <input type="text" id="messageinput"/>
        </div>
        <div>
            <button type="button" onclick="openSocket();" >Open</button>
            <button type="button" onclick="send();" >Send</button>
            <button type="button" onclick="closeSocket();" >Close</button>
        </div>
        <!-- Server responses get written here -->
        <div id="messages"></div>
       
        <!-- Script to utilise the WebSocket -->
        <script type="text/javascript">
                       
            var webSocket;
            var messages = document.getElementById("messages");
           
           
            function openSocket(){
                if(webSocket !== undefined && webSocket.readyState !== WebSocket.CLOSED){
                   writeResponse("WebSocket is already opened.");
                    return;
                }
                webSocket = new WebSocket("ws://localhost:8080/EchoChamber/echo/{"+document.getElementById("roomID").value+"}");    
                 

                webSocket.onopen = function(event){
                    if(event.data === undefined)
                        return;
 
                    writeResponse(event.data);
                };
 
                webSocket.onmessage = function(event){
                    writeResponse(event.data);
                };
 
                webSocket.onclose = function(event){
                    writeResponse("Connection closed");
                };
            }
           
            function send(){
                var text = document.getElementById("messageinput").value;
                webSocket.send(text);
            }
           
            function closeSocket(){
                webSocket.close();
            }
 
            function writeResponse(text){
                messages.innerHTML += "<br/>" + text;
            }
           
        </script>
       
    </body>
</html>

enter image description here

edytowany 3x, ostatnio: simonsoft
K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
0

https://www.baeldung.com/java-websockets

Prawie analogiczna aplikacja do Twojej. Masz przykład metody onOpen. Jak poszukasz troche to na gicie Baeldunga znajdziesz kod źródłowy każdego z artykułów.

simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0
kixe52 napisał(a):

https://www.baeldung.com/java-websockets

Prawie analogiczna aplikacja do Twojej. Masz przykład metody onOpen. Jak poszukasz troche to na gicie Baeldunga znajdziesz kod źródłowy każdego z artykułów.

Przeczytalem wszystko i nadal nie kumam o co chodzi, to @PathParam nigdzie nie opisuja. Nie mam pojecia co mam zle u siebie.

K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
0

To jest metoda z Baeldunga.

Kopiuj
 @OnOpen
    public void onOpen(Session session, @PathParam("username") String username) throws IOException, EncodeException {

        this.session = session;
        chatEndpoints.add(this);
        users.put(session.getId(), username);

        Message message = new Message();
        message.setFrom(username);
        message.setContent("Connected!");
        broadcast(message);
    }

U siebie masz tylko

Kopiuj
@ServerEndpoint(value = "/echo/{roomID}") 

Jeżeli chcesz potem wykorzystywać to 'roomId' to musisz przypisać temu jakąś wartość.
Po to jest właśnie to @PathParam("username") aby to co jest w Url przypisać do zmiennej.

edit:
Debugowałeś swój kod?

Kopiuj
 String roomID = session.getUserProperties().get("roomID").toString();
 session.getUserProperties().put("roomID", roomID);
 SessionHandler.addSession(session, roomID);

Czy to Ci cokolwiek robi? roomId ma poprawną wartość? Bo wydaje mi się, że nie. Skąd wziąłeś ten kod?

edytowany 1x, ostatnio: kixe52
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0

Samemu pisalem, dobra to tak, roomID wpisuje przy probie polaczenia, czyli najpierw javascript w index.html

Kopiuj
var room = document.getElementById("roomID").value;

i potem otwieram websocket

Kopiuj
webSocket = new WebSocket("ws://localhost:8080/EchoChamber/echo/" + room);

Potem wchodzi do funkcji onOpen, czyli tutaj roomID powinno miec wartosc jaka wpisałem, czyli np 1 tak?

Kopiuj
    @OnOpen
    public void onOpen(Session session, @PathParam ("roomID") String roomID){
        session.getUserProperties().put("roomID", roomID);
        SessionHandler.addSession(session, String.valueOf(session.getId()));
        
        System.out.println(session.getId() + " has opened a connection"); 
        try {
            session.getBasicRemote().sendText("Connection Established");
        } catch (IOException ex) {
            ex.printStackTrace();
        }
    }

Wlasnie nie wiem jak to zdebugowac, siedze w netbeansie...
Dzieki w ogole za pomoc, jestes jedyna osoba ktora mi pomaga

edytowany 3x, ostatnio: simonsoft
K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
0

Może to Ci pomoże: https://netbeans.org/kb/docs/java/debug-visual.html

Ogólnie zasada jest taka, że stawiasz breakpoint w kodzie (linia, z które możesz mieć problem), uruchamiasz aplikacje w trybie Debug i wykonujesz flow usera. Jeśli wszystko pójdzie dobrze to wejdzie do tej metody co chcesz. Tam możesz podejrzeć min jaką wartość ma konkretna zmienna.

Upewnij się jeszcze czy z poziomu JSa też jest wszystko ok. Np czy

Kopiuj
var room = document.getElementById("roomID").value;

trzyma dokładnie to co chcesz.

simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0
kixe52 napisał(a):

Może to Ci pomoże: https://netbeans.org/kb/docs/java/debug-visual.html

Ogólnie zasada jest taka, że stawiasz breakpoint w kodzie (linia, z które możesz mieć problem), uruchamiasz aplikacje w trybie Debug i wykonujesz flow usera. Jeśli wszystko pójdzie dobrze to wejdzie do tej metody co chcesz. Tam możesz podejrzeć min jaką wartość ma konkretna zmienna.

Upewnij się jeszcze czy z poziomu JSa też jest wszystko ok. Np czy

Kopiuj
var room = document.getElementById("roomID").value;

trzyma dokładnie to co chcesz.

Czyli teoretycznie jakby trzymalo to co chce, np 1.
To potem w funkcji onOpen(Session session, @PathParam ("roomID") String roomID)
to od razu wchodzi mi 1 zamiast roomID?

K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
0

Teoretycznie jeśli wcześniej jest ok to wchodzi Ci do metody z 2 argumentami, gdzie jednym z nich jest argument o nazwie roomID z wartością 1.

simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0
kixe52 napisał(a):

Teoretycznie jeśli wcześniej jest ok to wchodzi Ci do metody z 2 argumentami, gdzie jednym z nich jest argument o nazwie roomID z wartością 1.

Czyli w takim razie cos zle musi byc w index.html najprawdopodobniej.

Zrobilem breakpointa w index.html ale debuger sie nie zatrzymuje, nie moge wybrac opcji przejdz dalej

Mozesz mi powiedziec czym sie rozni

Kopiuj
@ServerEndpoint("/echo/{roomID}") 

od

Kopiuj
@ServerEndpoint(value = "/echo/{roomID}") 

edytowany 1x, ostatnio: simonsoft
K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
1

Nie pracowałem z Netbeansem i nie wiem czy może debugowac JS. JS ogólnie możesz debugować w swojej przeglądarce. A jeśli tego nie ogarniasz (naucz się) to dodaj printowanie na console przeglądarkową roomID i Twojego obiektu webSocket .

Także jeśli zrobisz to co powyżej i będzie ok, to postaraj się zdebugowac kod JAVY. Tzn stawiasz breakpoint przy kodzie javowym a nie JSowym ;)

edytowany 1x, ostatnio: kixe52
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0
kixe52 napisał(a):

Nie pracowałem z Netbeansem i nie wiem czy może debugowac JS. JS ogólnie możesz debugować w swojej przeglądarce. A jeśli tego nie ogarniasz (naucz się) to dodaj printowanie na console przeglądarkową roomID i Twojego obiektu webSocket .

Także jeśli zrobisz to co powyżej i będzie ok, to postaraj się zdebugowac kod JAVY. Tzn stawiasz breakpoint przy kodzie javowym a nie JSowym ;)

Dobra bede kombinowal, dam znac jak progres dziekuje za pomoc

K5
  • Rejestracja:prawie 6 lat
  • Ostatnio:około 5 godzin
  • Postów:1001
1
simonsoft napisał(a):

Mozesz mi powiedziec czym sie rozni

Kopiuj
@ServerEndpoint("/echo/{roomID}") 

od

Kopiuj
@ServerEndpoint(value = "/echo/{roomID}") 

Nie powinno być większych różnic. Zgodnie z https://docs.oracle.com/javaee/7/api/javax/websocket/server/ServerEndpoint.html
używa się wersji bez value, ale skoro ktoś z taką renomą jak Baeldung wrzuca drugą wersję tzn, że powinna być ok. Dla pewności spróbuj tą bez value.

edit: wydaje mi się, że w sytuacji gdy wrzucasz więcej niż 1 argument, musisz oznaczyć co jest czym. Oficjalna dokumentacja mówi, że możesz wrzucić też tam decoder/encoder. Wtedy dodajesz to value= oraz encoders= itp.
Gdy używasz tylko z 1 argumentem, tym wymaganym, to obie wersje są ok, z/bez 'value'.

edytowany 1x, ostatnio: kixe52
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0
kixe52 napisał(a):
simonsoft napisał(a):

Mozesz mi powiedziec czym sie rozni

Kopiuj
@ServerEndpoint("/echo/{roomID}") 

od

Kopiuj
@ServerEndpoint(value = "/echo/{roomID}") 

Nie powinno być większych różnic. Zgodnie z https://docs.oracle.com/javaee/7/api/javax/websocket/server/ServerEndpoint.html
używa się wersji bez value, ale skoro ktoś z taką renomą jak Baeldung wrzuca drugą wersję tzn, że powinna być ok. Dla pewności spróbuj tą bez value.

edit: wydaje mi się, że w sytuacji gdy wrzucasz więcej niż 1 argument, musisz oznaczyć co jest czym. Oficjalna dokumentacja mówi, że możesz wrzucić też tam decoder/encoder. Wtedy dodajesz to value= oraz encoders= itp.
Gdy używasz tylko z 1 argumentem, tym wymaganym, to obie wersje są ok, z/bez 'value'.

Okay, zdebugowalem i

Kopiuj
var room = document.getElementById("roomID").value;

nie przyjmuje zadnej wartosci, jest puste. Czy powinienem dodac method="get" albo "post" jako akcja do <input type="number" id="roomID" />?

edytowany 1x, ostatnio: simonsoft
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0

Okay, wrzucilem

Kopiuj
var room = document.getElementById("roomID").value;

do funkcji function
openSocket()
i daje 1 wiec jest okay, ale handshake nadal unsuccesful

screenshot-20200415143138.png

edytowany 2x, ostatnio: simonsoft
simonsoft
  • Rejestracja:prawie 7 lat
  • Ostatnio:prawie 5 lat
  • Postów:159
0

Dobra ludzie dziala !!!!!! Wszystko przez metode

Kopiuj
onClose(Session session, String roomID)

na

Kopiuj
onClose(Session session)

String roomID, nie pasowalo do metody i dlatego nie laczyl sie, nie wazne ze nigdy tej metody nie uzywal, ale wazne ze ona nie pasowala do domyslnej metody onClose(Session session) za duzo parametrow.
Dziekuje za pomoc !

edytowany 1x, ostatnio: simonsoft
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)