wip tests of socket

This commit is contained in:
lenovo
2022-11-28 17:26:47 +01:00
parent 9dd87d7fa1
commit 4b7e35d991
13 changed files with 3662 additions and 95 deletions

View File

@@ -1,5 +1,6 @@
https://www.youtube.com/watch?v=7xpLYk4q0Sg
npm install (to install packages)
npm run start:dev
@@ -13,54 +14,3 @@ npm run start:dev
- [ ] send game invitation in chat
- [ ] view user profiles from chat
```
________________________
| .A |
| xxxxxxxx |
| B. |
| xxxxxxxxx |
| xxxxxx |
| .A |
| xxxxx |
| .C |
| xxxxxxxxxx |
| xxxxxxx |
|____ ____ ____ ____ ____|
|____|____|____|____|_ __|
|_____________________|__|
---
___________
| |
| chat room |
|___________|
---
_________________________________________
| |
| _____________________________ |
|| people name 3 : | | |
||___________________________||| |
|| ||| |
|| room name 2 : ||| |
||___________________________| | |
|| | | |
|| people name 4 : | | |
||___________________________| | |
||_____________ _____________|_| |
|| | | |
|| create chat | join new chat | |
||_____________|_______________| |
|_________________________________________|
| |
|_________________________________________|
---
________ _________
| || |
| public || private |
|________||_________|
```

View File

@@ -45,6 +45,9 @@
<script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
<script>
const socket = io("http://localhost:3000");
socket.on("connect", () => {
console.log("client: connection");
});
</script>
<script src="./chat_submit_msg.js"></script>

View File

@@ -18,4 +18,3 @@ const build_new_message = (message) => {
return p;
}

View File

@@ -1,5 +1,4 @@
const submit_new_message = () => {
const div_msg = document.getElementById('msg_write');
/*

File diff suppressed because one or more lines are too long

View File

@@ -21,3 +21,4 @@ export class ChatGateway {
this.server.emit('message', message);
}
}

View File

@@ -1,6 +1,13 @@
https://www.youtube.com/watch?v=o8Fn9BgqoQM
npm install --save express
npm install --save socket.io
sudo npm install -g nodemon
first time :
npm install --save express
npm install --save socket.io
sudo npm install -g nodemon
next time :
npm install
anytime :
nodemon server

View File

@@ -6,6 +6,50 @@
</head>
<body>
<input type="checkbox" id="chat_input" style="display: none;"/>
<div class="chat_box">
<div class="chat_item controls_area">
</div>
<label class="chat_item open_close button" for="chat_input">
<p>chat</p>
</label>
<div class="chat_item msg_thread">
<div class="msg_box" id="msg_thread">
</div>
</div>
<div class="chat_item msg_write">
<div class="text_area" id="msg_write" contenteditable>
</div>
</div>
<button class="chat_item msg_send button" onclick="submit_new_message()">
<p>send</p>
</button>
</div>
<!-- https://socket.io/docs/v4/client-installation/ -->
<!-- https://socket.io/docs/v4/client-api/ -->
<script src="https://cdn.socket.io/4.5.3/socket.io.min.js" integrity="sha384-WPFUvHkB1aHA5TDSZi6xtDgkF0wXJcIIxXhC6h8OT8EH3fC5PWro5pWJ1THjcfEi" crossorigin="anonymous"></script>
<script>
const socket = io("http://localhost:3000");
socket.on("connect", () => {
console.log("client: connection");
});
</script>
<script src="./chat_submit_msg.js"></script>
<script src="./chat_receive_msg.js"></script>
<!--
<script src="/socket.io/socket.io.js"></script>
<script>
@@ -30,5 +74,6 @@
<input id="message" type="text"/>
<button onclick="send()">send</button>
</div>
-->
</body>
</html>

View File

@@ -1,12 +1,12 @@
let app = require('express')();
//let app = require('express')();
let http = require('http').Server(app);
let io = require('socket.io')(http);
app.get("/", function (req, res) {
console.log("req.headers: ");
console.log(req.headers);
res.sendFile(__dirname + '/index.html');
})
//app.get("/", function (req, res) {
// console.log("req.headers: ");
// console.log(req.headers);
// res.sendFile(__dirname + '/index.html');
//})
io.on('connection', function (socket) {
@@ -26,3 +26,4 @@ io.on('connection', function (socket) {
http.listen(3000, function () {
console.log('server running on 3000');
})