Membenamkan sveltekit dalam binari golang

editor php Baicao akan memperkenalkan kepada anda teknologi yang menarik hari ini - membenamkan SvelteKit dalam fail binari golang. Dengan pembangunan berterusan teknologi hadapan, semakin banyak rangka kerja dan alatan telah muncul. Sebagai rangka kerja yang baru muncul, SvelteKit menyediakan kelajuan pemuatan yang lebih pantas dan prestasi yang lebih tinggi dengan membina aplikasi pada masa penyusunan. Artikel ini akan menunjukkan kepada anda cara untuk membenamkan aplikasi SvelteKit ke dalam binari golang untuk mencapai penggunaan dan pengedaran yang lebih mudah Mari kita ketahui bersama-sama.

Kandungan soalan

Saya cuba menggunakan terbenam untuk menyajikan satu binari untuk memasukkan tapak web sveltekit. Saya menggunakan chi sebagai penghala saya. Tetapi saya tidak boleh membuatnya berfungsi. Saya mendapat salah satu daripada pilihan ini di bawah. Setakat yang saya faham, embedd all: 选项可确保包含以 _ 为前缀的文件。我还尝试了主v1中stripprefix方法的变体：/uibuild/或uibuild/etc...

Bolehkah seseorang menyinarinya?

Repositori Contoh

1. Penyenaraian direktori, dalam kes saya "uibuild"
2. Terdapat halaman kosong di "/", tetapi dalam konsol krom, fail bersarang mendapat ralat 404
3. 404 muncul di halaman utama "/".

​

Konfigurasi diperkemas:

import preprocess from "svelte-preprocess";
import adapter from "@sveltejs/adapter-static";

/** @type {import('@sveltejs/kit').config} */
const config = {
  kit: {
    adapter: adapter({
      pages: "./../server/uibuild",
      assets: "./../server/uibuild",
      fallback: "index.html",
    }),
  },

  preprocess: [
    preprocess({
      postcss: true,
    }),
  ],
};

export default config;

​

main.go v1:

Ini menghasilkan ralat 3.

package main

import (
    "embed"
    "log"
    "net/http"

    chi "github.com/go-chi/chi/v5"
)

//go:embed all:uibuild
var sveltestatic embed.fs

func main() {

    r := chi.newrouter()

    r.handle("/", http.stripprefix("/uibuild", http.fileserver(http.fs(sveltestatic))))

    log.fatal(http.listenandserve(":8082", r))
}

main.go v2:

Ini akan memberikan ralat 2.

static, err := fs.sub(sveltestatic, "uibuild")
    if err != nil {
        panic(err)
    }

r := chi.newrouter()
r.handle("/", http.fileserver(http.fs(static)))

log.fatal(http.listenandserve(":8082", r))

Struktur fail:

.
├── go.mod
├── go.sum
├── main.go
└── uibuild
    ├── _app
    │   ├── immutable
    │   │   ├── assets
    │   │   │   ├── 0.d7cb9c3b.css
    │   │   │   └── _layout.d7cb9c3b.css
    │   │   ├── chunks
    │   │   │   ├── index.6dba6488.js
    │   │   │   └── singletons.b716dd01.js
    │   │   ├── entry
    │   │   │   ├── app.c5e2a2d5.js
    │   │   │   └── start.58733315.js
    │   │   └── nodes
    │   │       ├── 0.ba05e72f.js
    │   │       ├── 1.f4999e32.js
    │   │       └── 2.ad52e74a.js
    │   └── version.json
    ├── favicon.png
    └── index.html

Penyelesaian

Memang mengecewakan bahawa "main.go v2" anda hanya boleh menambah satu aksara sahaja. Anda menggunakan:

r.handle("/", http.fileserver(http.fs(static)))

Daripada dokumentasi:

func (mx *mux) 句柄(模式字符串，处理程序 http.handler)

Setiap kaedah penghalaan menerima corak url dan rantai pengendali. Corak url menyokong parameter bernama (iaitu /users/{userid}) dan kad bebas (iaitu /admin/). Anda boleh mendapatkan parameter url pada masa jalan dengan memanggil chi.urlparam(r, "userid") (untuk parameter bernama) dan chi.urlparam(r, "") (untuk parameter wildcard).

Jadi, anda masukkan "/" sebagai "corak"; ini akan sepadan dengan / tetapi tiada yang lain;

r.handle("/*", http.fileserver(http.fs(static)))
// or
r.mount("/", http.fileserver(http.fs(static)))

Saya menguji ini dengan salah satu apl lite saya dan ia berfungsi dengan baik. Satu penambahbaikan yang mungkin anda ingin pertimbangkan ialah mengubah hala sebarang permintaan untuk fail yang tidak wujud ke

(jika tidak, jika pengguna menanda halaman dengan laluan, halaman itu tidak akan dimuatkan). Lihat /jawapan ini untuk maklumat.

Sebagai tambahan kepada perkara di atas - untuk menunjukkan apa yang saya katakan dalam ulasan, sila lihat

jawapan dipautkan<a href="/about">about</a> 添加到 ui/src/routes/+page.svelte 的末尾并重建（两者都是 svelte 和然后去应用程序）。然后，您将能够导航到 about 页面（首先加载主页，然后单击“关于”）。这是由客户端路由器处理的（因此您可能不会看到任何对 go 服务器的请求）。有关如何在直接访问页面（例如 /about untuk mendapatkan maklumat tentang menjadikannya berfungsi apabila menambah ). Berikut ialah contoh pantas (dan agak hacky) yang akan menyampaikan bit yang diperlukan daripada sistem fail terbenam dan mengembalikan

utama untuk semua permintaan lain (supaya penghala langsing boleh memaparkan halaman yang diperlukan). index.html

package main

import (
    "embed"
    "fmt"
    "io/fs"
    "log"
    "net/http"

    "github.com/go-chi/chi/v5"
)

//go:embed all:uibuild
var svelteStatic embed.FS

func main() {

    s, err := fs.Sub(svelteStatic, "uibuild")
    if err != nil {
        panic(err)
    }

    staticServer := http.FileServer(http.FS(s))

    r := chi.NewRouter()

    r.Handle("/", staticServer) // Not really needed (as the default will pick this up)
    r.Handle("/_app/*", staticServer)      // Need to serve any app components from the embedded files
    r.Handle("/favicon.png", staticServer) // Also serve favicon :-)

    r.HandleFunc("/*", func(w http.ResponseWriter, r *http.Request) { // Everything else returns the index
        r.URL.Path = "/" // Replace the request path
        staticServer.ServeHTTP(w, r)
    })

    fmt.Println("Running on port: 8082")
    log.Fatal(http.ListenAndServe(":8082", r))
}

Atas ialah kandungan terperinci Membenamkan sveltekit dalam binari golang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!