如何使用 Gin Router 提供靜態檔案以進行 JSON 和 HTML 自訂？

使用 Gin Router 提供靜態檔案以進行 JSON 和 HTML 自訂

提供靜態檔案是 Web 應用程式中的常見要求。使用 Gin，提供靜態檔案非常簡單，可讓您無縫載入外部資源，例如 JavaScript、CSS 和 JSON 檔案。

在您的情況下，您想要提供 JSON 檔案 (web.json) 並自訂使用 JavaScript 引用 JSON 檔案的 HTML 檔案 (index.html)。您的應用程式結構似乎組織得很好，並且您的 Gin 路由器配置為從 templates/* 目錄載入 HTML 模板。

要提供 web.json 文件，您需要新增靜態文件路由到你的 Gin 路由器。請參考以下更新後的main.go 檔案：

<code class="go">package main

import (
    "net/http"

    "github.com/gin-gonic/gin"
)

var router *gin.Engine

func main() {
    router = gin.Default()
    router.LoadHTMLGlob("templates/*")

    router.GET("/web", func(c *gin.Context) {
        c.HTML(
            http.StatusOK,
            "index.html",
            gin.H{
                "title": "Web",
                "url":   "./web.json",
            },
        )
    })

    // Serve the web.json file
    router.StaticFS("/web.json", http.Dir("templates"))

    router.Run()
}</code>

透過新增router.StaticFS("/web.json", http.Dir("templates")) 行，您已經定義了靜態檔案從templates 目錄提供web.json 檔案的路由。現在，index.html 中的 JavaScript 程式碼可以使用 ./web.json 存取 JSON 檔案。

透過這些更新，您的應用程式現在應該能夠同時提供 index.html 和 web.json 文件，允許您使用 JavaScript 自訂 HTML 文件並根據需要檢索 JSON 資料。

以上是如何使用 Gin Router 提供靜態檔案以進行 JSON 和 HTML 自訂？的詳細內容。更多資訊請關注PHP中文網其他相關文章！