project: client part is implemented. handler: added handler to work with the client

Lapp · Lapp · commit 3332c4d3bd7e · 2021-08-08T15:57:23.000+03:00
diff --git a/handler.go b/handler.go
@@ -19,9 +19,14 @@ func newHandler(hub *hub) *handler {
 }
 
 func (h *handler) initRoutes() {
+	http.HandleFunc("/", h.index)
 	http.HandleFunc("/chat", h.chat)
 }
 
+func (h *handler) index(w http.ResponseWriter, r *http.Request) {
+	http.ServeFile(w, r, "index.html")
+}
+
 func (h *handler) chat(w http.ResponseWriter, r *http.Request) {
 	ws, err := upgrader.Upgrade(w, r, nil)
 	if err != nil {
diff --git a/index.html b/index.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Чат</title>
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+        <script type="text/javascript">
+            $(function() {
+                var conn;
+                var msg = $("#msg");
+                var log = $("#log");
+
+                function appendLog(msg) {
+                    var d = log[0]
+                    var doScroll = d.scrollTop == d.scrollHeight - d.clientHeight;
+                    msg.appendTo(log)
+                    if (doScroll) {
+                        d.scrollTop = d.scrollHeight - d.clientHeight;
+                    }
+                }
+
+                $("#form").submit(function() {
+                    if (!conn || !msg.val()) {
+                        return false;
+                    }
+                    conn.send(msg.val());
+                    msg.val("");
+                    return false
+                });
+
+                if (window["WebSocket"]) {
+                    conn = new WebSocket("ws://localhost:8080/chat");
+                    conn.onclose = function(evt) {
+                        appendLog($("<div><b>Соединение закрыто.</b></div>"))
+                    }
+                    conn.onmessage = function(evt) {
+                        appendLog($("<div/>").text(evt.data))
+                    }
+                } else {
+                    appendLog($("<div><b>Ваш браузер не поддерживает вебсокеты.</b></div>"))
+                }
+            });
+        </script>
+        <style>
+            html {
+                overflow: hidden;
+            }
+
+            body {
+                overflow: hidden;
+                padding: 0;
+                margin: 0;
+                width: 100%;
+                height: 100%;
+                background: gray;
+            }
+
+            #log {
+                background: white;
+                margin: 0;
+                padding: 0.5em 0.5em 0.5em 0.5em;
+                position: absolute;
+                top: 0.5em;
+                left: 0.5em;
+                right: 0.5em;
+                bottom: 3em;
+                overflow: auto;
+            }
+
+            #form {
+                padding: 0 0.5em 0 0.5em;
+                margin: 0;
+                position: absolute;
+                bottom: 1em;
+                left: 0px;
+                width: 100%;
+                overflow: hidden;
+            }
+
+        </style>
+    </head>
+    <body>
+        <div id="log"></div>
+        <form id="form">
+            <input type="submit" value="Send" />
+            <input type="text" id="msg" size="64"/>
+        </form>
+    </body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -19,9 +19,14 @@ func newHandler(hub hub) handler {`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`func (h *handler) initRoutes() {`
	`22`	`+ http.HandleFunc("/", h.index)`
`22`	`23`	`http.HandleFunc("/chat", h.chat)`
`23`	`24`	`}`
`24`	`25`
	`26`	`+func (h handler) index(w http.ResponseWriter, r http.Request) {`
	`27`	`+ http.ServeFile(w, r, "index.html")`
	`28`	`+}`
	`29`	`+`
`25`	`30`	`func (h handler) chat(w http.ResponseWriter, r http.Request) {`
`26`	`31`	`ws, err := upgrader.Upgrade(w, r, nil)`
`27`	`32`	`if err != nil {`