lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: improved websocket usage

Browse source
This commit is contained in:
Lukian 2025-04-08 22:19:06 +02:00
parent fbf7821320
commit 132b1f3c06
7 changed files with 135 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

19
front/src/pages/Home.tsx
View file

@ -59,10 +59,16 @@ export default function Home() {
}, [])
useEffect(() => {
const socket = new WebSocket("/api/channels");
const socket = new WebSocket("/api/ws");
socket.addEventListener('message', function (event) {
if (event.data === "new_message" || event.data === "delete_message") {
const id = setInterval(() => {
socket.send(JSON.stringify("ping"));
}, 10000);
socket.addEventListener('message', function (event)
{
const data = JSON.parse(event.data);
if (data.type === "new_message" || data.type === "delete_message") {
axios
.get("/api/lastmessages")
.then((res) => {
@ -80,7 +86,7 @@ export default function Home() {
.catch((err) => {
console.error(err.response)
})
} else if (event.data === "new_channel") {
} else if (data.type === "new_channel") {
axios
.get("/api/activechannels")
.then((res) => {
@ -100,6 +106,11 @@ export default function Home() {
})
}
});
return () => {
clearInterval(id);
socket.close();
}
}, [])
useEffect(() => {