Saya mencoba mengimplementasikan websockets menggunakan spring dengan aplikasi Java/web untuk memungkinkannya bertukar pesan dengan aplikasi yang ditulis dengan c++ menggunakan qt (dan perpustakaan websockets darinya).
Saya memiliki konfigurasi ini di aplikasi Java/spring saya:
WebScoketConfig.java
@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {
public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
registry.addHandler(new SocketHandler(), "/name");
}
}
SocketHandler.java
@Component
public class SocketHandler extends TextWebSocketHandler {
List<WebSocketSession> sessions = new CopyOnWriteArrayList<>();
@Override
public void handleTextMessage(WebSocketSession session, TextMessage message) throws InterruptedException, IOException {
Map<String, String> value = new Gson().fromJson(message.getPayload(), Map.class);
session.sendMessage(new TextMessage("Hello " + value.get("name") + " !"));
}
@Override
public void afterConnectionEstablished(WebSocketSession session) throws Exception {
sessions.add(session);
}
}
dan saya membuat proyek pembuat qt yang sangat sederhana, dengan fungsi main
dan satu kelas MainWindow
, dengan dua objek: lineEdit
, tempat pengguna mengetik pesan untuk dikirim ke server, dan pushButton
, untuk melanjutkan pengiriman data.
Di kelas MainWindow
saya, saya menerapkan slot ini untuk menangani pertukaran data:
void MainWindow::on_pushButton_clicked()
{
QString message = this->ui->lineEdit->text();
QWebSocket m_webSocket;
m_webSocket.open(QUrl(QStringLiteral("ws://localhost:8080/name")));
m_webSocket.sendTextMessage("Hello " + message + " !");
m_webSocket.close();
}
Namun ketika saya menjalankan kedua aplikasi tersebut, dan mencoba mengirim pesan untuk aplikasi java/web, tidak terjadi apa-apa. Saya cukup yakin kesalahan yang saya buat ada di sisi c++/qt, karena di sisi java/spring saya memiliki kode html/javascript yang memungkinkan saya menguji pertukaran pesan, dan berfungsi dengan baik.
Adakah yang bisa memberi tahu saya apa yang saya lakukan salah di sini?
pembaruan: contoh minimal yang dapat direproduksi - Java/spring
proyek dapat dibuat dengan start.spring.io, hanya dengan spring-websocket sebagai ketergantungan. selain 2 file yang sudah saya tambahkan di atas, proyek ini akan memiliki:
resources/static/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello WebSocket</title>
<link href="/id/main.css" rel="stylesheet">
</head>
<body>
<table>
<tr>
<td>
<button id="connect" type="button" onclick="connect();">Connect</button>
<button id="disconnect" type="button" disabled="disabled" onclick="disconnect();">Disconnect</button>
</td>
<td>
<label for="name">What is your name?</label>
<input type="text" id="name" placeholder="Your name here...">
<button id="send" type="button" onclick="send();">Send</button>
</td>
</tr>
</table>
<hr>
<table id="conversation" border="2">
<thead>
<tr>
<th>Greetings</th>
</tr>
</thead>
<tbody id="greetings">
</tbody>
</table>
<script src="/app.js"></script>
</body>
</html>
resources/app.js
var ws;
function connect() {
ws = new WebSocket('ws://localhost:8080/name');
ws.onmessage = function(text) {
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerText = text.data;
tr.appendChild(td);
document.querySelector("#greetings").appendChild(tr);
}
document.querySelector("#connect").setAttribute("disabled", "disabled");
document.querySelector("#disconnect").removeAttribute("disabled");
document.querySelector("#conversation").style.display = 'block';
document.querySelector("#greetings").innerHTML = "";
}
function disconnect() {
if (ws != null)
ws.close();
document.querySelector("#connect").removeAttribute("disabled");
document.querySelector("#disconnect").setAttribute("disabled", "disabled");
document.querySelector("#conversation").style.display = 'none';
document.querySelector("#greetings").innerHTML = "";
}
function send() {
var name = document.querySelector("#name");
var data = JSON.stringify({'name': name.value});
ws.send(data);
}
setelah dibangun dengan mvn package
, jalankan saja dengan java -jar target/app.jar
.
pembaruan: contoh minimal yang dapat direproduksi - c++/qt
proyek dibuat dengan qt-creator, sebagai tipe qt-widget. Ini akan membuat proyek dengan 5 file: websocket.pro
, mainwindow.ui
, mainwindow.h
, mainwindow.cpp
dan main.cpp
.
Buka mainwindow.ui
dan tambahkan lineEdit
dan pushButton
dari toolbar. klik kanan pada tombol tekan dan pilih Go to slot
dan pilih clicked()
. Tambahkan kode di atas.
Pembaruan 2
void MainWindow::on_pushButton_clicked()
{
QString message = ui->lineEdit->text();
connect(&m_webSocket, &QWebSocket::connected, [this, message](){
QJsonObject object
{
{"name", message}
};
QJsonDocument d(object);
m_webSocket.sendTextMessage(d.toJson().toStdString().c_str());
m_webSocket.close();
});
m_webSocket.open(QUrl(QStringLiteral("ws://localhost:8080/name")));
}
QWebSocket::sendTextMessage
tidak langsung mengirim pesan. Melainkan menunda pengiriman sampai Anda mengembalikan kontrol ke loop peristiwa Qt. Oleh karena itu, pesannya mungkin hilang ketikaQWebSocket
Anda berada di luar jangkauan. - person G.M.   schedule 09.04.2020QWebSocket
m_webSocket
sebagai anggota data kelasMainWindow
. - person G.M.   schedule 10.04.2020m_websocket
anggota dataMainWindow
tidak akan membuat ini berfungsi. - person Kleber Mota   schedule 10.04.2020