2017-08-31 7 views
4

私はReactJsを使ってウェブサイトを構築しました。ウェブサイトを見るために、私は通常npmを起動し、ブラウザ経由でlocalhost:3000に行きます。S3 Amazon Staticのウェブサイトには、

私はS3でこのウェブサイトをホストしたいと思いますが、EC2インスタンスはありません。私の理解は、npmはプロセスなので、サーバ側であるため、実際に自分のウェブサイトを展開するためには計算を購入する必要があります。 https://www.fullstackreact.com/articles/deploying-a-react-app-to-s3/

しかし、彼らはまだ使用NPM私は混乱します:

私はEC2インスタンスの計算時間のために払って言及していない、このチュートリアルを見つけました。

私の質問は、静的S3ウェブサイトを計算しないで使っているのであれば、Reactを使うことができますか?もしそうなら、どうすればNPMプロセスをバイパスできますか?上記の記事で

React - component in seperate script does not work

、ユーザーが反応におけるハロー世界のアプリを作ってみましたが、答えの全ては、サーバーがコンテンツを提供することの方向でそれらを指します。私はリアクションがフロントエンドのものだと思って、サーバー側のプロセスなしで実行できます。これは本当ですか?誰かがnode.jsが必要な理由、または反応とペアになっている理由を説明でき、ec2計算なしでs3で反応を使用できるかどうか

答えて

3

静的反応サイトを完全にs3にホストすることは可能です。この場合は、node/npmをビルドツールとして使用し、開発サーバー(localhost:3000)を実行するだけです。

npmは、依存関係をダウンロードし、nodeまたはgulpまたはwebpackを使用してアセットを静的ファイルに構築します。

次に、静的ファイルを提供するs3にファイルをアップロードします。

バックエンドノードコードがある場合は、ec2などのホストタイプを使用する必要があります。しかし、それが完全に静的なjavascriptなら、ノードサーバーは必要ありません。ここで

は、より詳細に説明するのに役立つかもしれないいくつかのリンクです:

+0

私はちょうどここに1つの事を追加したい、バックエンドノードコードのためにあなたはラムダ関数を使用して、serverless worldを利用することができます:) –

1

ギャツビーをお試しください!ここで:Githubのページからhttps://www.gatsbyjs.org/

:あなたの静的なページを生成したら、あなたはS3、GitHubのページで展開することができます...選択肢がある

「のための高速な静的サイトジェネレータブレイジングに反応」あなた!