Gin Router を使用して静的ファイルをレンダリングするのは簡単です。 JavaScript を使用して HTML ページ内で呼び出される JSON ファイルを提供する方法を詳しく見てみましょう。
JSON ファイルの提供
web.json ファイルを提供するには、 Gin ルーター内で静的ファイル ルートを定義する必要があります。次のコードを main.go ファイルに追加します:
<code class="go">router.StaticFile(`/web.json`, `./templates/web.json`)</code>
これにより、/web.json へのすべての HTTP リクエストが、テンプレート ディレクトリにある web.json ファイルのコンテンツを確実に配信します。
HTML ファイルのカスタマイズ
提供された HTML ファイルは、/web.json で JSON ファイルにアクセスできることを想定しています。正しいパスを指すように HTML ファイル内の {{ .url }} 変数を更新します:
<code class="html"><script> window.onload = function() { // ... const ui = SwaggerUIBundle({ url: "/web.json", dom_id: '#swagger-ui', // ... }) // ... } </script></code>
アプリケーションの実行
必要な調整を行った状態で、router.Run() メソッドを使用してアプリケーションを実行できます。ページにアクセスするときに「Not Found ./web.json」エラーが発生することはなくなります。
その他の考慮事項
以上がJin Router で静的 JSON ファイルを提供するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。