🚧 Add hello with state

2026-01-12 01:59:14 +00:00 · 2021-01-22 15:54:33 +01:00
parent 07057523bf
commit a48b088723
5 changed files with 69 additions and 0 deletions
--- a/docs/hello-state/api.go
+++ b/docs/hello-state/api.go
@@ -0,0 +1,32 @@
+package main
+
+import (
+	"encoding/json"
+	"fmt"
+	"net/http"
+
+	wasmhttp "github.com/nlepage/go-wasm-http-server"
+)
+
+func main() {
+	var no = 1
+
+	http.HandleFunc("/hello", func(res http.ResponseWriter, req *http.Request) {
+		params := make(map[string]string)
+		if err := json.NewDecoder(req.Body).Decode(&params); err != nil {
+			panic(err)
+		}
+
+		if err := json.NewEncoder(res).Encode(map[string]string{
+			"message": fmt.Sprintf("Hello %s! (request n°%d)", params["name"], no),
+		}); err != nil {
+			panic(err)
+		}
+
+		no++
+	})
+
+	wasmhttp.Serve(nil)
+
+	select {}
+}
--- a/docs/hello-state/api.wasm
+++ b/docs/hello-state/api.wasm
--- a/docs/hello-state/index.html
+++ b/docs/hello-state/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>go-wasm-http-server hello with state demo</title>
+    <script>
+      navigator.serviceWorker.register('sw.js')
+
+      async function hello() {
+        res = await fetch('api/hello', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({ name: document.querySelector("#name").value })
+        })
+        const { message } = await res.json()
+        alert(message)
+      }
+    </script>
+  </head>
+  <body>
+    <label for="name">Name: </label><input id="name" value="World">
+    <button onclick="hello()">Hello</button>
+  </body>
+</html>
--- a/docs/hello-state/sw.js
+++ b/docs/hello-state/sw.js
@@ -0,0 +1,11 @@
+importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@078ff3547ebe2abfbee1fd5af9ca5ad64be480c0/sw.js')
+
+addEventListener('install', (event) => {
+  event.waitUntil(skipWaiting())
+})
+  
+addEventListener('activate', event => {
+  event.waitUntil(clients.claim())
+})
+
+registerWasmHTTPListener('api.wasm', { base: 'api' })
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,6 +6,7 @@
  <body>
    <ul>
        <li><a href="hello">Hello demo</a></li>
+        <li><a href="hello-state">Hello with state demo</a></li>
    </ul>
  </body>
 </html>