Gos Template-Engine „templ' ist praktisch (funktioniert auch mit TinyGo)

Barbara Streisand
Freigeben: 2024-10-30 20:31:30
Original
1008 Leute haben es durchsucht

Zusammenfassung

Ich wollte eine Anwendung in Go ausführen, die einfaches HTML zurückgibt,
Ich habe mich für Cloudflare Workers entschieden, die es in Wasm konvertieren und bereitstellen können.

Ich empfehle die Vorlage von syumai/workers für die Bereitstellung von Go-Anwendungen für Cloudflare Workers.

syumai/workers: Go-Paket zum Ausführen eines HTTP-Servers auf Cloudflare Workers.

Gehen Sie zu Text/Vorlage

Lassen Sie uns zunächst auf unkomplizierte Weise mit Text/Vorlage erstellen.

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Es waren fast 8 MB.

https://developers.cloudflare.com/workers/platform/limits/#account-plan-limits

Cloudflare Workers hat je nach Plan Beschränkungen für die Worker-Größe.

Der kostenlose Slot ist 1 MB groß und der kostenpflichtige Slot ($5~) ist 10 MB groß.

Selbst mit der endgültigen Beschränkung basierend auf der Größe nach der Komprimierung wird es schwierig sein, in das kostenlose Kontingent ab 8 MB zu passen.

TinyGo-Text/Vorlage

Also habe ich beschlossen, zu TinyGo zu wechseln, das für WebAssembly (Wasm) gedacht ist.

Nach dem Erstellen beträgt die Größe etwa 0,75 MB, was in den freien Rahmen zu passen scheint.

❯ ls -lh . /build
total 1160
-rwxr-xr-x 1 ergofriend staff 556K 8 8 20:23 app.wasm
-rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:23 shim.mjs
-rw-r--r-- 1 ergofriend staff 15K 8 8 20:23 wasm_exec.js
-rw-r--r-- 1 ergofriend staff 160B 8 8 20:23 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Hoppla!

Aber hier kommt es zur Tragödie.

Wenn ich versuche, auf die erstellte Anwendung zuzugreifen, erhalte ich eine Fehlermeldung.

[wrangler:inf] GET / 200 OK (35ms)
✘ [ERROR] Uncaught (in response) RuntimeError: unreachable

      at main.runtime._panic (wasm://wasm/main-0022bc46:wasm-function[35]:0x2b4a)
      at main.(*text/template.state).evalField
  (wasm://wasm/main-0022bc46:wasm-function[540]:0x6c5f4)
      at main.(*text/template.state).evalFieldChain
  (wasm://wasm/main-0022bc46:wasm-function[531]:0x697fe)
      at main.(*text/template.state).evalFieldNode
  (wasm://wasm/main-0022bc46:wasm-function[530]:0x6959a)
      at main.(*text/template.state).evalPipeline
  (wasm://wasm/main-0022bc46:wasm-function[535]:0x6a1d2)
      at main.(*text/template.state).walk (wasm://wasm/main-0022bc46:wasm-function[569]:0x72cdd)
      at main.(*text/template.state).walk (wasm://wasm/main-0022bc46:wasm-function[569]:0x730b0)
      at main.main (wasm://wasm/main-0022bc46:wasm-function[261]:0x2ac52)
      at main.(net/http.HandlerFunc).ServeHTTP
  (wasm://wasm/main-0022bc46:wasm-function[463]:0x5973a)
      at
  main.interface:{ServeHTTP:func:{named:net/http.ResponseWriter,pointer:named:net/http.Request}{}}.ServeHTTP$invoke
  (wasm://wasm/main-0022bc46:wasm-function[459]:0x56f72)

panic: unimplemented: (reflect.Value).MethodByName()
Nach dem Login kopieren
Nach dem Login kopieren

Die Methode MethodByName, die aufgerufen wird, wenn eine Vorlagenvariable in template.ExecuteTemplate() übergeben wird, ist noch nicht vorhanden. Sie scheint nicht implementiert zu sein.

Da TinyGo eine Teilmenge des Originals ist, gibt es viele nicht unterstützte Funktionen
Ich habe festgestellt, dass Text/Vorlage nicht unterstützte Methoden aufruft.

https://github.com/tinygo-org/tinygo/blob/1154212c15e6e97048e122068730dab5a1a9427f/src/reflect/type.go#L1086-L1088

Jetzt würde ich gerne cool sein und P-R für TinyGo sagen, aber dieses Mal werde ich nach einer schnellen Alternative suchen.

TEMP

Also suchte ich nach einer anderen Template-Engine als Ersatz für Text/Vorlage und stieß auf templ.

Go Ah / tempel

Eine Sprache zum Schreiben von HTML-Benutzeroberflächen in Go.

Go

Eine HTML-Vorlagensprache für Go, die über großartige Entwicklertools verfügt.

Go

Dokumentation

Siehe Benutzerdokumentation unter https://templ.guide

Go Go Go Go

Aufgaben

bauen

Erstellen Sie eine lokale Version.

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

nix-update-gomod2nix

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

install-snapshot

Erstellen und installieren Sie die aktuelle Version.

❯ ls -lh . /build
total 1160
-rwxr-xr-x 1 ergofriend staff 556K 8 8 20:23 app.wasm
-rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:23 shim.mjs
-rw-r--r-- 1 ergofriend staff 15K 8 8 20:23 wasm_exec.js
-rw-r--r-- 1 ergofriend staff 160B 8 8 20:23 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

Build-Snapshot

Verwenden Sie goreleaser, um die Befehlszeilen-Binärdatei mit goreleaser zu erstellen.

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

generieren

Templ-Generierung mit lokaler Version ausführen.

❯ ls -lh . /build
total 1160
-rwxr-xr-x 1 ergofriend staff 556K 8 8 20:23 app.wasm
-rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:23 shim.mjs
-rw-r--r-- 1 ergofriend staff 15K 8 8 20:23 wasm_exec.js
-rw-r--r-- 1 ergofriend staff 160B 8 8 20:23 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

Testen

Go-Tests durchführen.

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

Test-Kurzfilm

Go-Tests durchführen.

❯ ls -lh . /build
total 1160
-rwxr-xr-x 1 ergofriend staff 556K 8 8 20:23 app.wasm
-rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:23 shim.mjs
-rw-r--r-- 1 ergofriend staff 15K 8 8 20:23 wasm_exec.js
-rw-r--r-- 1 ergofriend staff 160B 8 8 20:23 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Vollbildmodus aufrufen Vollbildmodus verlassen

Testcover

Lauf…


Auf GitHub ansehen


Merkmale

Hier ist eine Zusammenfassung von TEMPL.

Eigenes DSL

Es ist nicht schwer, ein einzigartiges Programm zu schreiben, aber es kann wie templ ≈ Go JSX geschrieben werden.

❯ ls -lh . /build
   total 15656
   -rwxr-xr-x 1 ergofriend staff 7.6M 8 8 20:12 app.wasm
   -rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:12 shim.mjs
   -rw-r--r-- 1 ergofriend staff 16K 8 8 20:12 wasm_exec.js
   -rw-r--r-- 1 ergofriend staff 160B 8 8 20:12 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Es sieht aus wie ein sehr vertrauter Schreibstil.

❯ ls -lh . /build
total 1160
-rwxr-xr-x 1 ergofriend staff 556K 8 8 20:23 app.wasm
-rw-r--r-- 1 ergofriend staff 1.2K 8 8 20:23 shim.mjs
-rw-r--r-- 1 ergofriend staff 15K 8 8 20:23 wasm_exec.js
-rw-r--r-- 1 ergofriend staff 160B 8 8 20:23 worker.mjs
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Wenn Sie es verwenden, rufen Sie Go-Funktionen auf, die aus dem DSL von templ generiert werden, und zwar auf einer Komponenten-für-Komponenten-Basis.

[wrangler:inf] GET / 200 OK (35ms)
✘ [ERROR] Uncaught (in response) RuntimeError: unreachable

      at main.runtime._panic (wasm://wasm/main-0022bc46:wasm-function[35]:0x2b4a)
      at main.(*text/template.state).evalField
  (wasm://wasm/main-0022bc46:wasm-function[540]:0x6c5f4)
      at main.(*text/template.state).evalFieldChain
  (wasm://wasm/main-0022bc46:wasm-function[531]:0x697fe)
      at main.(*text/template.state).evalFieldNode
  (wasm://wasm/main-0022bc46:wasm-function[530]:0x6959a)
      at main.(*text/template.state).evalPipeline
  (wasm://wasm/main-0022bc46:wasm-function[535]:0x6a1d2)
      at main.(*text/template.state).walk (wasm://wasm/main-0022bc46:wasm-function[569]:0x72cdd)
      at main.(*text/template.state).walk (wasm://wasm/main-0022bc46:wasm-function[569]:0x730b0)
      at main.main (wasm://wasm/main-0022bc46:wasm-function[261]:0x2ac52)
      at main.(net/http.HandlerFunc).ServeHTTP
  (wasm://wasm/main-0022bc46:wasm-function[463]:0x5973a)
      at
  main.interface:{ServeHTTP:func:{named:net/http.ResponseWriter,pointer:named:net/http.Request}{}}.ServeHTTP$invoke
  (wasm://wasm/main-0022bc46:wasm-function[459]:0x56f72)

panic: unimplemented: (reflect.Value).MethodByName()
Nach dem Login kopieren
Nach dem Login kopieren
go run ./get-version > .version
cd cmd/templ
go build
Nach dem Login kopieren

Die Funktion der generierten Komponente erbt die in der Vorlage definierten Argumenttypen, sodass sie sicher aufgerufen werden kann.
Im Gegensatz zu einigen ExecuteTemplates ist dies sicher.

VSCode-Erweiterungen

https://marketplace.visualstudio.com/items?itemName=a-h.templ

Syntax-Highlight und LSP-Vervollständigung werden sehr nützlich sein.

TinyGo-Templ

Zur Sicherheit habe ich nachgesehen und festgestellt, dass es nur vom TypeOf von Reflect abhängt, das bereits in TinyGo implementiert ist.

https://github.com/tinygo-org/tinygo/blob/1154212c15e6e97048e122068730dab5a1a9427f/src/reflect/type.go#L494-L500

Nun versuchen wir es mit templ.
Der Bau schien genug Platz zu haben.

gomod2nix
Nach dem Login kopieren

Hier ist die eigentliche Anwendung.

goworkers-demo.ergofriend.workers.dev

Beim Zugriff kann der HTML-Code ohne Fehler zurückgegeben werden.

<span class="pl-c"># Remove templ from the non-standard ~/bin/templ path</span>
<span class="pl-c"># that this command previously used.</span>
rm -f ~/bin/templ
<span class="pl-c"># Clear LSP logs.</span>
rm -f cmd/templ/lspcmd/*.txt
<span class="pl-c"># Update version.</span>
go run ./get-version > .version
<span class="pl-c"># Install to $GOPATH/bin or $HOME/go/bin</span>
cd cmd/templ && go install
Nach dem Login kopieren

Die endgültige bereitgestellte Größe beträgt ebenfalls 187,91 KiB, sodass genügend Platz zum Erweitern der Anwendung vorhanden ist.

Diese Überprüfung verbleibt in diesem Repository.
ergofriend/goworkers-demo


Dieser Artikel ist eine Übersetzung aus dem Japanischen.
https://ergofriend.hatenablog.com/entry/2024/08/08/230603

Das obige ist der detaillierte Inhalt vonGos Template-Engine „templ' ist praktisch (funktioniert auch mit TinyGo). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!