Rocket を使用して HTML/CSS/JS を提供する

Question

Web サイトをホストするためのバックエンドとして Rust Rocket フレームワークを使用しようとしていますが、基本的な HTML ファイルとその関連ファイルを提供するのに苦労しています。

結論から言えば、これは私の「ウェブサイト」のコードです。バックエンド開発は初めてなので、これを行う方法が本当にわかりません。ここで答えがあるかどうか確認してみようと思いました。

リーリー

フロントエンド ファイルを構築する最適な方法がわかりません。アドバイスや助けをいただければ幸いです。私はバックエンド開発の経験がほとんどないので、ご安心ください。

GitHub にリストされている静的サンプルを試してみましたが、問題が発生したと思います。HTML ページは表示できますが、画像、CSS、および JavaScript ファイルが正しく提供されません。

Answer 1

もっと簡単な解決策を思いつきました。次のように、FileServer を使用して静的ファイルをホストするだけです。 リーリー

したがって、HTML テンプレートが CSS ファイルを呼び出そうとするたびに、Rocket は

/templates/css ディレクトリから CSS ファイルを提供します。

Answer 2

これは私にとって最もうまく機能するコードです。バックエンド Web 開発 (特に Rust) に取り組もうとしている人のためにこれを説明したいと思います。

リーリー

最初の部分から始めます。

リーリー

# これは、私が使用する必要があるものの単なる宣言です。

リーリー #^ このセクションは、空のインデックス URL をリダイレクトして 404 を与えず、最後に「/home」を持つ URL に移動するために使用されます。これは私の個人的な好みにすぎませんが、これでその方法もわかりました。

最後に、NamedFile の Rust パーサーの例を見て、さまざまなファイルを具体的に開く方法を決定しました。

リーリー #^ このセクションは、HTML ドキュメント内でリンクされている CSS や JavaScript などの他のファイルを処理するために使用されます。これはあまり安全なアプローチではないと思いますが、ポートフォリオ サイトの場合、それほど強力なセキュリティは必要ありません。

リーリー

# 最後に、ルートをインストールするだけです。これを行うとうまくいくようです。賢くて経験豊富な人々なら、私よりももっとエレガントな方法で説明できると確信していますが、もしあなたが私と同じようにピンチに陥り、途方に暮れているのであれば、これが本当に必要な人生であることを願っています溺れたときの保護具。