写真のワードプレスでAmazon Cloudfront CDNを使用する


一度、夏に、cdnからAmazon CloudFrontにファイルをブログに固定することにしました。 いつものように、Infaは小さく、すべてを迅速な科学的突破の方法で行いました。
この記事には、多くの説明と写真がたくさんあります。

まず、CloudFrontセクションのawsコンソールに移動し、[ディストリビューションの作成]ボタンをクリックします。 ダウンロードとストリーミングの間で配信方法の選択が表示されます。 ダウンロードでは、httpとhttpsでファイルをアップロードするだけで、ストリーミングではrtmpでブロードキャストできます。 ストリーミングはAmazon S3 Originでのみ機能し、サーバーから直接ファイルをブロードキャストすることはできません。

次に、Amazon S3オリジンとカスタムオリジンの選択があります。 Amazon S3 Originの場合、S3バケットを選択する必要があります。ここでファイルを自分で配置し、CloudFrontはサイトからcdnへのリンクを使用してファイルを配布します。 写真のあるサイトの場合、ユーザーが写真をアップロードする場合、S3 APIを使用してS3に写真を配置し、サイトhttp:// cdndomain.com/pathpictureリンクを指定する必要がありhttp:// cdndomain.com/pathpicture
[カスタムオリジン]オプションでは、何も配置する必要はなく、サイト上のリンクを変更するだけです。 たとえば、ユーザーは途中で再び写真をサイトにアップロードしました yourdomain.com/pathpicture yourdomain.com/pathpicture 、サイト上のリンクをhttp:// cdndomain.com/pathpictureに変更しhttp:// cdndomain.com/pathpictureランダムユーザーがサイトにアクセスして写真http:// cdndomain.com/pathpictureを要求すると、CloudFrontは写真がキャッシュにあるかどうかを確認します。そこにはありません。最も興味深いのは、CloudFront自体が途中でサイトにアクセスすることです yourdomain.com/pathpicture yourdomain.com/pathpictureは画像をキャッシュにロードし、ユーザーに提供します。 これは、イメージへのパスの変更のみを必要とせず、サイトにコードをグローバルに追加する必要がないため、非常に便利なモードです。

次に、カスタムOriginの使用について説明します。
ディストリビューションを作成するための最初の画面、ダウンロード(rtmpビデオをストリーミングしない)およびカスタムOriginを選択し、Origin DNS名にサイトのドメインを入力し、プロトコルのみhttpを選択します(すべてのファイルはhttpに引き継がれ、ファイルがhttpにある場合はMatch Viewerを選択します) httpsには別のものがあります)。



詳細を入力し、httpおよびhttpsでファイルを取得し、cdnのcnameを入力します(Amazonのドメインも使用できますが、リンクは次のようになります) .com/pathpicture .com/pathpicture )、ルートオブジェクトを入力しません(ユーザーがたとえばhttp:// cdndomain.com/にcdnドメインのルートにアクセスする場合、このファイルが提供されます)配布ステータスを有効に設定します。 [続行]-> [作成]をクリックします。



最初のディストリビューションはすべて作成されましたが、ディストリビューションのDNS名をコピーするために残ります



そして、dnsマネージャーは、ディストリビューションの名前にcdnという名前のCNAMEレコードを作成します。



ワードプレスコンソールに入り、WP Super Cacheプラグインを設定し、その設定で[CDN]タブを選択し、[CDNサポートを有効にする]チェックボックスをオンにして、新しいURLを登録しますか? 変更を保存し、理論的にはすべてがあなたのために動作するはずです。



Chromeのデバッガーでテストする



質問、希望、提案はありますか?

CloudFrontトラフィックは、初年度の新規ユーザーの月間15ギガバイトの無料制限に含まれています。
最初の10 TBの米国の1ギガバイトのトラフィックのコストは12セントで、それから安くなります。 さまざまな地域とボリュームの価格はこちらで確認できます。
aws.amazon.com/cloudfront/pricing

Source: https://habr.com/ru/post/J136933/


All Articles