AWS S3を使用して静的Express/NodeJSページをホストするにはどうすればよいですか？

Question

私はnodejs/express/codingの初心者ですので、これがあまり明確でない場合は謝ります。私は仕事のためにコードチャレンジをしています。

私はほとんどのプロジェクトを行っています。チャレンジの一部は、S3上のバケットにアップロードすることです。私はバケツを作りました、それはすべて完了です。私の問題は、バケットのルートフォルダにindex.htmlがある必要があるということです（私は思っています）。すべてのHTMLページ（3つ）はviewsディレクトリの内側にあります。私がindex.htmlをcloud9のルートフォルダに入れようとすると、viewsディレクトリにindex.htmlが見つかりませんでした（明らかに、私が移動して以来）。 viewsディレクトリをルートフォルダに設定することはできますか？

express/nodeJSにルートフォルダ内のすべてのファイルを保存する方法はありますか？または、私のビューフォルダをCloud9のままにして、S3を除いてすべてがそこから実行されるようにする方法がありますか？私は何かを欠いているに違いない。私はS3でこのアプリをホストする方法に関して完全に迷っています。私の最後の手段はここに投稿！助けてくれてありがとう。

Answer 1

注文しましょう。 Amazon S3はクラウドファイルストレージサービスです。また、の静的資産のウェブサイトをホストするためにも使用できます。

私は理解しているので、あなたはエクスプレスアプリケーションでHTMLページをレンダリングしています。これはサーバーサイドレンダリングと呼ばれ、ファイルを提供できるamazon s3とは完全に互換性がありません。

ここで、問題を解決するにはどうすればよいですか（s3を使用することを義務付けられていると考えます）。場合によります。

あなたは急行のみアプリケーションをレンダリングすると、静的な資産を提供するために（ので、何のAPI）を使用していない場合は、いくつかのリファクタリングを検討する必要があります。このような場合には、あなたは基本的にAPIをせずにWebアプリケーションを構築しています。明示は必要ありません。おそらく、あなたはVue.js、React、Angularのようなクライアント側のフレームワークを探しています。より一般的には、にすると、アプリケーションクライアント側をレンダリングする必要があります。

エクスプレスサーバーもapiサーバーとして動作している場合は、プロジェクトを分割する必要があります。一方の側から、どこかに配備されたexpress apiサーバーがあります。反対側からは、Webアプリケーションクライアント側がレンダリングされています。

プリレンダーのようにthisを使用して、エクスプレスアプリケーションから静的資産を生成することもできます。しかし、Web開発の初心者であれば、このオプションを評価しないことをお勧めします。

Answer 2

静的ファイルをS3に移動するときは、それに応じて相対パスを設定する必要があります。

viewsディレクトリをルートフォルダに設定できますか？

いいえ、index.htmlがルートで、ルートフォルダからjs/css/images /などのパスを持つファイルをS3に編成します。

注：NodeJSをS3で実行することはできず、S3からの内部Webホスティングを使用して静的コンテンツを配信することを理解することが重要です。