如何把 vue 網頁應用編譯進 Go語言建立網頁服務

前言介紹

在開始前...

go mod test-embed

hello embedding

package main

import (
 _ "embed"
 "fmt"
)

//go:embed sample.txt
var app string

func main() {
 fmt.Println(app)
}

go run main.go

hello embedding

go build -o app && ./app

接下來我們開始我們正式的實作

go mod init cool-embedding-project

pnpm create vite --template vue-ts web

.
├── go.mod
├── main.go
└── web
    ├── README.md
    ├── index.html
    ├── package.json
    ├── public
    │   └── vite.svg
    ├── src
    │   ├── App.vue
    │   ├── assets
    │   │   └── vue.svg
    │   ├── components
    │   │   └── HelloWorld.vue
    │   ├── main.ts
    │   ├── style.css
    │   └── vite-env.d.ts
    ├── tsconfig.json
    ├── tsconfig.node.json
    └── vite.config.ts

pnpm install && pnpm build

package main

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

//go:embed testwow/dist
var app embed.FS

func main() {
 dist, err := fs.Sub(app, "web/dist")
 if err != nil {
  log.Fatalf("sub error")
 return
 }
 http.Handle("/", http.FileServer(http.FS(dist)))
 log.Fatal(http.ListenAndServe(":8080", nil))
}

go run main.go

go build -o app && ./app

./app