どのようにCloudflareでS 3の上でウェブサイトを主催する方法を学んでください

この記事はもともとで公開されました.
https://www.blog.duomly.com/aws-course-lesson-1-how-to-host-website-on-s3-with-cloudflare/

AWSコースへのイントロ－CloudflareでS 3の上でウェブサイトを主催する方法

AWSコースの最初のレッスンでは、S 3にCloudFlareでウェブサイトをホストすることについて話します.
どのようにアマゾンのS 3のウェブサイトをホストするのアイデアについて聞いた?
はい、それは可能です、そして、特に我々がCloudflare社から自由なCDNでそれを結合することができるならば、それは最高の考えのうちの1つです.
ページが静的であるので、それは速く燃えています、それで、我々はサーバー応答を待つ必要はありません(ほとんどすべてのサーバーが若干の応答時間を持っているので、ここで、我々はちょうどDB質問なしで、サーバーのもの、ここで、そして、内容配信ネットワークを通してホストをつとめました).
これは非常に安全ですバックエンドがないとほとんどすべての脆弱なコードを(もちろん、あなたがそれを許可しない)を置く方法はありません.
データのトンを処理する必要がないので、非常に安価です.不要なCMSファイルのように、どこかで実行する必要があります.
サーバーを構成したり、データベースをインストールしたり、NGNXやApacheを設定するのに多くの時間を費やす必要がないので、設定が簡単です.
この場合、バケツを作成し、パブリックにしてCNMEレコードをcnameに追加し、ページをアップロードするのに十分です.
あなたは燃えるような高速な静的なページの世界に行く準備ができていますか?
始めましょう!
閉じるこの動画はお気に入りから削除されています.

S 3バケツをつくる方法

もちろん、AWS S 3サービスで動作したいなら、AWSユーザを作成しなければなりません.
とにかく、もし準備ができたら、S 3サービスに入ることができます.
次に、「作成」ボタンをクリックします.

どのように設定

さて、バケツを作るウィンドウを見るべきですが、その前にいくつかの設定を加えるべきです.
バケツの名前を指定するフィールドでは、URLの名前と同じ名前を付ける必要があります.
我々のURLが「トレーニング. Duomly . com」でなければならないならば、我々のバケツは名前「トレーニングをしなければなりません.
URLで「WWW」を持つことを決定するならば、「WWW」はバケツの名前になければなりません.
次の重要なことは、私たちが設定しなければならないのは、公衆として全体のバケツをセットアップすることです.
もちろん、ファイルのリストへのアクセスを追加する必要はありませんし、おそらく、あなたはすべきではありませんが、ユーザーにアクセスできるファイルは、パブリックの“読み取り”アクセスを持つ必要があります.
次に、バケットの作成を確認できます.

S 3バケット方針を加える方法

偉大な、我々のバケツは、おめでとう、作成されます!
今、我々はバケツの中の構成に集中することができますが、心配しないでください、2つのステップだけがあります.
一つ目はバケットアクセスポリシーを指定することです.
独自に書くこともできますし、以下の例でも使用できます.

{
  "Version": "2008-10-17",
  "Id": "PolicyForPublicWebsiteContent",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": {
        "AWS": "*"
      },
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::YOURBUCKETNAME/*”
    }
  ]
}

ホスティングとしてS 3バケットをセットアップする方法

あなたが実行する2番目のステップは、Webホスティングとしてバケットを構成することです.
そのためには、バケツで「プロパティ」タブに移動する必要があります.
次に、メニューの位置“静的なWebホスティング”を開き、それをオンにする必要があります.
そのテーブルの内部では、どのページがメインページに対して責任があるかを指定する必要があります.
入力の両方に“index . html”を置くことができます.
ページを指定した後、バケットURLをコピーする必要があります(CloudFlareのURLをCnameレコードをポイントする必要があります).

ドメインのCloudFlareに入る

我々はS 3のバケツの設定で行われ、今私たちはCloudflareに入ることができます.
もちろん、ドメインを追加して、CloudFlareのドメイン登録ドメインDNSサーバーを設定する必要がありますが、私はあなたがしなければならないと仮定します.
次に、ドメインのダッシュボードを開き、DNSタブに移動する必要があります.

CloudFlareでCNAME記録をセットアップする方法

今、我々はS 3バケットにサブドメインを指すようにDNSレコードを設定することができます.
それはあなたが私があなたが2ステップ前にコピーすることをお勧めしたS 3バケットのURLを必要とする瞬間です.
S 3のドメインやサブドメインを設定するには、S 3を指すDNSレコードを追加する必要があります.
サブドメインを使用する場合は、cNameレコードを追加するオプションを選択する必要があります.
入力“name”では、URL全体ではなく、サブドメイン名のみを入力する必要があります.
と“ターゲット”の入力では、S 3バケットのURLを追加する必要があります.
次に「保存」をクリックします.
すべてがうまくいくならば、あなたは以下の表で新しいDNS記録を見るべきです.畝

S 3にウェブサイトをアップロードする方法

あなたは、S 3を使用して動作するWebホスティング、およびCloudFlareサブドメインとしてS 3を設定して、おめでとう!
現在、我々はホスティングのアップロードウェブサイトに集中することができます.
それは非常に簡単かつ迅速です.
S 3バケットビューに移動し、アップロードをクリックします.

S 3ウェブサイトのセットアップ方法

「アップロード」ウィンドウで「ファイルを選択」または「ドロップダウン」を選択し、「次へ」をクリックします.
次の手順では、ファイルのアクセス許可を設定できます.
すべての読み取りアクセスを与えることができますし、確認をクリックします.
もちろん、すべてのファイルが同じアクセスを持っているかどうかを確認する必要があります.
簡単、右?

パージキャッシュ

CloudFlareは、あなたがパフォーマンスを向上させるのに役立つ優れた機能を持っており、時々あなたのウェブサイトをオンラインに保つことによってあなたを保存します.
その機能はキャッシュです.
それは素晴らしいです、しかし、あなたが多くの変化をするならば、キャッシュは長い間あなたの変化を保つことができます、そして、ユーザーは違いを見ません.
ほとんどの場合、キャッシュは変更を検出し、ページをアップロードします.
ユーザーが更新されることを確認したいなら、変更後キャッシュをパージする価値があります.
これを行うには、Cloudflareに移動し、“キャッシュ”タブをクリックする必要があります.
次に、「設定」をクリックする必要があります.「パージキャッシュ」セクションでは、ボタンをクリックして「すべてをパージします」.
今、あなたはURLを訪問し、すべてがうまく動作するかどうかを確認しようとすることができます.
Google PageSpeed Insightを使用してページをテストすることをお勧めします.

AWSコースの結論－CloudflareでS 3の上でウェブサイトを主催する方法

おめでとう!
AWSコースの最初のレッスンでは、CloudFlareを使ってS 3上でウェブサイトをホストする方法を学びましたが、それはITアーキテクチャの良いプラクティスに対する第一歩です.
次のエピソードでは、AWSサービスの詳細を紹介します.また、EC 2をバックエンドとして設定する方法、Serverless Appsの作成方法、Amazon RDSを使用したデータベースの扱い方など、有用なことを教えます.
我々はどのようにAWSのアンプを使用してリアルタイムのアプリを構築する方法のようなエキサイティングなものについては、どのようにマシンの学習モデルを訓練する方法は、どのようにCCDNセットアップCloudfront、またはどのようにSESとメールを送信するが、我々は唯一の単一のサービスについて話すことはありません.
私はあなたの小さな、中規模、大規模なプロジェクトのためのインフラストラクチャを設定する方法を示します、あなたが最も世話をする必要がありますし、どのようにアプリケーションをスケーリングする.
私たちはヒューゴと非常に高速のAMP静的なウェブサイトを構築し、AWS S 3にそれをホストするエピソードを見つけることができます.
https://www.blog.duomly.com/how-to-build-website-with-hugo-and-amp-tutorial

読書ありがとう.
DuomlyからのRadek