Comment servir des fichiers statiques avec Gin Router pour la personnalisation JSON et HTML ?

Servir des fichiers statiques avec Gin Router pour la personnalisation JSON et HTML

Servir des fichiers statiques est une exigence courante dans les applications Web. Avec Gin, servir des fichiers statiques est simple, vous permettant de charger de manière transparente des ressources externes telles que des fichiers JavaScript, CSS et JSON.

Dans votre cas, vous souhaitez servir un fichier JSON (web.json) et personnaliser un fichier HTML (index.html) utilisant JavaScript pour référencer le fichier JSON. La structure de votre application semble bien organisée et votre routeur Gin est configuré pour charger les modèles HTML à partir du répertoire templates/*.

Pour servir le fichier web.json, vous devez ajouter une route de fichier statique à votre routeur Gin. Reportez-vous au fichier main.go mis à jour suivant :

<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>

En ajoutant la ligne router.StaticFS("/web.json", http.Dir("templates")), vous avez défini un fichier statique route qui dessert le fichier web.json à partir du répertoire des modèles. Désormais, votre code JavaScript dans index.html peut accéder au fichier JSON à l'aide de ./web.json.

Avec ces mises à jour, votre application devrait désormais pouvoir servir à la fois les fichiers index.html et web.json, vous permettant de personnaliser le fichier HTML avec JavaScript et de récupérer les données JSON selon vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!