max_ag/multiplayer-game
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

websocket and showable messages working

Browse source
This commit is contained in:
maxstrb 2025-11-06 11:47:06 +01:00
parent 01e9b47bc7
commit 27513863cf
5 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/index.css
View file

@ -10,6 +10,10 @@ html {
height: 100%; height: 100%;
} }
li {
color: #fff;
}
body { body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

6
public/index.html
View file

@ -4,7 +4,7 @@
<link rel="stylesheet" href="/public/index.css"> <link rel="stylesheet" href="/public/index.css">
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<title>Hello World!</title> <title>Hello World!</title>
<script src="./index.js"></script> <script src="/public/index.js"></script>
</head> </head>
<body> <body>
@ -17,9 +17,9 @@
<main> <main>
<form onsubmit="myFunction()"> <form onsubmit="myFunction(); return false;">
<label for="fname">Message:</label> <label for="fname">Message:</label>
<input type="text" id="fname" name="fname" id="inp"><br> <input type="text" id="inp" name="fname"><br>
<input type="submit" value="Submit"> <input type="submit" value="Submit">
</form> </form>

4
public/index.js
View file

@ -2,7 +2,9 @@ const socket = new WebSocket("ws://localhost:8080/websocket");
socket.addEventListener("message", (event) => { socket.addEventListener("message", (event) => {
let messages = document.getElementById("messages"); let messages = document.getElementById("messages");
messages.appendChild(`<li>${event.data}</li>`) let item = document.createElement("li");
item.innerHTML = event.data;
messages.appendChild(item);
}); });
function myFunction() { function myFunction() {

2
src/main.rs
View file

@ -62,6 +62,8 @@ async fn handle_http_connection(
} }
}; };
println!("{req:?}");
let matchable = req.path.to_matchable(); let matchable = req.path.to_matchable();
let response = match matchable.as_slice() { let response = match matchable.as_slice() {

3
src/response.rs
View file

@ -97,6 +97,9 @@ impl Response {
Some(a) if a == OsStr::new("css") => { Some(a) if a == OsStr::new("css") => {
ContentType::Text(crate::shared_enums::TextType::Css) ContentType::Text(crate::shared_enums::TextType::Css)
} }
Some(a) if a == OsStr::new("js") => {
ContentType::Text(crate::shared_enums::TextType::Javascript)
}
Some(_) | None => { Some(_) | None => {
return Err(io::Error::new( return Err(io::Error::new(
io::ErrorKind::InvalidInput, io::ErrorKind::InvalidInput,