web socket demo

hnasr · Aug 18, 2019 · b334e17 · b334e17
1 parent 8d5f6a2
commit b334e17
Show file tree

Hide file tree

Showing 3,483 changed files with 265,534 additions and 4 deletions.
diff --git a/fetchlazy/index.html b/fetchlazy/index.html
@@ -1,8 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">/    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Document</title>
 </head>
@@ -35,12 +34,12 @@ <h1>createObjectURL vs revokeObjectURL</h1>
 })
 btnLoad.addEventListener("click", async e => {
 
-const result = await fetch("http://localhost:8081/test.png")
+const result = await fetch("http://localhost:8080/test.png")
 const blob = await result.blob()
 objUrl = URL.createObjectURL(blob)
 alert(`Image loaded! The size of your image is ${blob.size} Object url ${objUrl}`)
 })
 
 </script>
 </body>
-</html>
+</html>
diff --git a/web-server-from-scratch/index.html b/web-server-from-scratch/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+    <h1> HEY I WROTE ALL OF THIS MYSELF! NODEJS BABES</h1>
+</body>
+</html>
diff --git a/web-server-from-scratch/index.js b/web-server-from-scratch/index.js
@@ -0,0 +1,13 @@
+const app = require("express")()
+
+app.get("/", (req, res) => {
+
+    res.sendFile(`${__dirname}/index.html`)
+})
+
+app.get("/sup", (req,res) => {
+    res.statusCode = 418;
+    res.send("Hello!");
+})
+
+app.listen(8080, ()=>console.log("SUP I'm listening yes sir. what do you want"))
diff --git a/websocket-demo/index.js b/websocket-demo/index.js
@@ -0,0 +1,48 @@
+const http = require("http");
+const WebSocketServer = require("websocket").server
+let connection = null;
+
+//create a raw http server (this will help us create the TCP which will then pass to the websocket to do the job)
+const httpserver = http.createServer((req, res) => {
+
+    console.log("we have received a request");
+})
+
+ //pass the httpserver object to the WebSocketServer library to do all the job, this class will override the req/res 
+const websocket = new WebSocketServer({
+    "httpServer": httpserver
+})
+//when a legit websocket request comes listen to it and get the connection .. once you get a connection thats it! 
+websocket.on("request", request=> {
+
+    connection = request.accept(null, request.origin)
+    connection.on("open", () => console.log("Opened!!!"))
+    connection.on("close", () => console.log("CLOSED!!!"))
+    connection.on("message", message => {
+
+        console.log(`Received message ${message.utf8Data}`)
+    })
+
+
+    //use connection.send to send stuff to the client 
+    sendevery5seconds();
+
+
+})
+
+httpserver.listen(8080, () => console.log("My server is listening on port 8080"))
+
+function sendevery5seconds(){
+
+    connection.send(`Message ${Math.random()}`);
+
+    setTimeout(sendevery5seconds, 5000);
+
+
+}
+
+
+//client code 
+//let ws = new WebSocket("ws://localhost:8080");
+//ws.onmessage = message => console.log(`Received: ${message.data}`);
+//ws.send("Hello! I'm client")
diff --git a/websocket-demo/node_modules/.bin/atob b/websocket-demo/node_modules/.bin/atob
diff --git a/websocket-demo/node_modules/.bin/color-support b/websocket-demo/node_modules/.bin/color-support
diff --git a/websocket-demo/node_modules/.bin/gulp b/websocket-demo/node_modules/.bin/gulp
diff --git a/websocket-demo/node_modules/.bin/semver b/websocket-demo/node_modules/.bin/semver
diff --git a/websocket-demo/node_modules/.bin/which b/websocket-demo/node_modules/.bin/which
diff --git a/websocket-demo/node_modules/ansi-colors/LICENSE b/websocket-demo/node_modules/ansi-colors/LICENSE
diff --git a/websocket-demo/node_modules/ansi-colors/README.md b/websocket-demo/node_modules/ansi-colors/README.md