AWSS3を使用した静的ウェブサイトのホスティング

この記事は、AWS S3を使用した静的ウェブサイトのホスティングを理解するのに役立ち、理論的な説明をサポートするための実践的なデモンストレーションを支援します

強力な携帯電話が増えるにつれ、FacebookやLinkedInなどのソーシャルメディアサイトを使用して写真を撮り、他の人と共有するのは数秒の問題です。私たちの経験を共有するための独自のWebサイトがあればいいのですが。家族や知人。 AWSは、独自のWebサイトを作成してホストする方法を提供します。この記事では、静的Webサイトのホスティングについて学習します AWS S3

この記事では、次のポイントについて説明します。





それでは始めましょう、

AWSでウェブサイトを作成するためのさまざまなアプローチ

AWSでは、要件に応じて次の方法でWebサイトを作成できます。



AWSLightsail

WordPress、Joomla、Moodleなどを使用したシンプルなウェブサイトホスティングを展開するためのものです。 Lightsailを使用すると、EC2、S3、RDSなどのさまざまなAWSサービスを意識することなく、簡単にWebサイトを作成できます。

AWSAmplify。

シングルページアプリケーション(SPA)を作成できます。 SPAはページを一度ダウンロードし、ユーザーがページを何度もロードせずにアプリケーションを操作すると動的に変化します。

AWS S3

これは、オーディオ、ビデオ、画像に沿ってホスティングする単純な静的Webサイト用です。 S3は、ユーザーがサーバーやリソースのプロビジョニングについて考える必要がないサーバーレスモデルを提供します。クラウドベンダーは、要件に応じてリソースを自動的にスケーリングします。この記事では、単純な静的Webサイトを作成するS3の方法について説明します。



仮想サーバーの起動

クラウドで仮想サーバーを起動する場合の最後の方法( AWS EC2 )次に、必要なソフトウェアをインストールし、手動で管理します。このアプローチは、複雑な要件があり、トラフィックが増加している組織で使用されます。このアプローチでは、ウェブサイトを作成するユーザーに多くの負担がかかります。ユーザーは、EC2、RDS、Route53、EBSなどのAWSサービスのエキスパートである必要があります

これらのアプローチのそれぞれで。柔軟性と使いやすさの間にはトレードオフがあります。 Lightsailは使いやすいですが、できることとできないことについては少し厳格です。もう一方の端のEC2は、さまざまなタイプのサーバー、自動スケーリングなどで柔軟性を提供しますが、AWSを初めて使用する人にとってはセットアップが少し難しいです。

では、S3を使用して目標を達成する方法を見てみましょう。

AWSS3を使用した静的ウェブサイトの作成とホスティング

S3は、AWSが提供する最も古く、最も人気のあるサービスの1つであり、高可用性、耐久性、セキュリティ、スケーラビリティを備えています。 S3は、データベース、ビッグデータ分析、メディアなどのバックアップを保存するために使用できます。バケット、フォルダ、ファイルを抽象化したオブジェクトストレージメカニズムを提供します。抽象化はS3を使いやすくするものです。

S3(ストレージメカニズム)を使用すると、容量計画を実行したり、初期容量を指定したりする必要はありません。より多くのデータを追加してデータを削除すると、S3は自動的に縮小および拡大します。 S3は、さまざまなタイプのデータ(古い/新しい、頻繁に/頻繁にアクセスされない)を格納するためのさまざまなストレージクラスを提供し、S3オブジェクトライフサイクル管理を使用してデータをあるストレージクラスから別のストレージクラスに移動できます。または、AWS S3インテリジェントティアリングを使用して、データをストレージクラスから別のクラスに移動するタイミングをAWSに決定させます。 AWS CloudFront これはCDN(コンテンツ配信ネットワーク)であり、オプションでエンドユーザーへのWebサイトの読み込みを高速化するために使用できます。

S3と 無料利用枠 5GBのストレージ、20,000のGet Requests、2,000のPut Requestsを、最初の1年間は毎月無料で、ペイオンユースモデルで提供します。 この記事では、S3で静的なWebサイトを作成します。

デモ:AWSS3を使用した静的ウェブサイトのホスティング

ステップ1:S3でバケットを作成する

ステップ1.1: に移動します S3管理コンソール 「バケットの作成」をクリックします。

デモ-AWSS3を使用した静的ウェブサイトのホスティング-Edureka

ステップ1.2: バケット名を入力します。バケット名は一意である必要があることに注意してください。最後に何かを追加して、一意のバケット名を取得します。データを保存する必要がある地域を選択します。 [作成]をクリックすると、バケットが次のように作成されます。バケットは、フォルダとファイルを保存するためのコンテナです。

ステップ2:S3バケットへのパブリックパーミッションの付与

ステップ2.1: バケット内のフォルダ/ファイルは、それを作成した所有者にのみ表示されます。 Webサイトの場合、バケットをWebページとしてアクセスするには、世界中の人々がバケットにパブリックアクセスできるようにする必要があります。 [プロパティ]タブをクリックし、[パブリックアクセスをブロックする]が選択されていることを確認して、[編集]ボタンをクリックします。 「すべてのパブリックアクセスをブロックする」の選択を解除し、「保存」をクリックします。確認という言葉を入力し、「確認」ボタンをクリックします。

例を含むmysqlのデータ型

このステップでは、S3バケットに一般公開の許可は与えられませんが、次のステップの後半でバケットとそのコンテンツを公開することができます。 AWSは、機密データがS3バケットに入れられ、適切な設定がないとすべての人が機密データにアクセスできるように公開されたという事件が多数発生したため、これらの追加の手順とフープを導入しました。

ステップ2.2: 今こそバケットを公開する時です。 「バケットポリシー」をクリックして以下のポリシーを入力し、バケット名を手順1で作成した名前に変更してください。[保存]をクリックしてバケットを公開します。 AWSは、誤って公開しないようにするために、バケットが公開されたことを3回通知することに注意してください。

{'Version': '2012-10-17'、 'Statement':[{'Sid': 'PublicReadGetObject'、 'Effect': 'Allow'、 'Principal': '*'、 'Action':['s3 :GetObject ']、'リソース ':[' arn:aws:s3 ::: my-pictures-website / * ']}]}

ステップ3:静的ウェブサイトホスティングを有効にし、ウェブサイトをS3にアップロードする

ステップ3.1: 今こそ、S3の「静的ウェブサイトホスティング」を有効にするときです。デフォルトでは無効になっていることに注意してください。カードをクリックして、「このバケットを使用してWebサイトをホストする」を選択します。インデックスドキュメントをindex.htmlとして入力し、エラードキュメントをerror.htmlとして入力します。エンドポイントを書き留めてください。これは、S3Webサイトへのアクセスに使用されるURLです。 [保存]をクリックします。

「静的ウェブサイトホスティング」はこれで有効になることに注意してください。インデックスドキュメントは表示されるデフォルトのHTMLであり、エラードキュメントはアクセスしようとしているHTMLページがS3にない場合に表示されるHTMLです。

ステップ3.2: 今がindex.htmlとerror.htmlをアップロードする時です。 [概要]タブに移動し、[アップロード]をクリックします。 「ファイルの追加」をクリックしてから、アップロードします。 index.htmlページとerror.htmlページに対して同じ手順を繰り返す必要があります。

index.htmlとerror.htmlの内容は次のとおりです。ここでのWebページは単純なものですが、HTMLとJavaScriptに固執する限り、複雑になる可能性があります。 JavaScriptはブラウザで実行されます。 S3Webサイトホスティングではサーバー側のコード実行はありません。

index.html Edureka error.htmlからのAWSトレーニングへようこそおっと!ここではありません。

ステップ4:S3でホストされているWebページにアクセスします

ステップ4.1: 「ステップ5」で取得したURLを開いて、index.htmlを表示します。 URLの最後に、index.htmlとエラーページの横にあるものが表示されます。 URLはユーザーフレンドリーではありません。ユーザーフレンドリーなURLは、 AWS Route53

このチュートリアルでは、AWSを使用してウェブサイトを設定するためのさまざまなオプションを確認し、AWSS3を使用してウェブサイトを作成する方法について詳しく説明しました。ご覧のとおり、S3は静的Webサイトを作成するための最も簡単なアプローチの1つです。 S3では、S3が自動的にスケールアップおよびスケールダウンするため、容量計画を行う必要はありません。S3は特定の年に99.99%の可用性を提供するため、高可用性について心配する必要はありません。

この記事が役に立った場合は、Edurekaのライブおよびインストラクター主導のコースをチェックすることもできます。 、業界の実務家によって共同作成されました。

質問がありますか?このAWSEC2チュートリアルのコメントセクションにその旨を記載してください。折り返しご連絡いたします。