【AWSリバイバル】CloudFrontの署名付きURLで「3分で見れなくなってしまう秘密のページ」をつくってみよう！ - サーバーワークスエンジニアブログ
こんにちは。最近新しくなったサーバーワークスのロゴが弥治郎系のこけしにマッチしすぎていていることに驚いているこけし部 部長の坂本（@t_sakam）です。 さて、今回から勝手にはじまった「AWSリバイバル」シリーズ、AWSに結構前からあるけれど、個人的に使ったことがなかった便利な機能を再評価（？）してみようというシリーズです。 AWSは便利なサービスや機能がありすぎて、全部使うことってないですよね。 知っている人にとっては、もしかしたら「いまさら？」と思われる機能かもしれませんが、使う機会があったときにせっかくなのでブログにしていきたいと思います！ 第一回目の今回は「CloudFrontの署名付きURL」について書いてみたいと思います。 目次 「CloudFrontの署名付きURL」ってなあに？ S3にコンテンツを準備する CloudFrontで「ディストリビューション」を作成する Clo
CloudFrontで「Forward Cookies」を「All」にしている時に注意すべき点 | DevelopersIO
菅野です。 先日、CloudFront経由でウェブページにアクセスした時に常に「X-Cache: Miss from cloudfront」となるので調査したところ、CloudFrontの「Behavior」の「Forward Cookies」が「All」になっている事が原因でした。 今回はなぜ「All」だとキャッシュが使われなかったのか、CloudFrontにおけるcookieの注意点について書こうと思います。 webページを準備 EC2インスタンスを立ち上げ、apacheとphpをインストールします。 /var/www/html/index.phpを作成し、内容は以下にします。 GoogleAnalyticsもcookieを使うので検証の為に埋めました。 <?php setcookie( "cookie01", "value01" ); // setcookie( "cookie02"
Amazon CloudFront で HTTP 4xx 5xx ステータスコードのキャッシュ時間を変更する | DevelopersIO
はじめに CloudFrontはオリジンサーバの問題などで一時的にエラーを表示する場合があります。 その時CloudFrontはHTTP 4xx 5xx ステータスコードをデフォルトで5分間キャッシュします。 HTTP 4xx 5xx ステータスコードのキャッシュ時間は「Error Caching Minimum TTL」の設定にて 変更することができますので変更方法をご紹介したいと思います。 Error Caching Minimum TTL（エラーキャッシュ最小 TTL）とは CloudFront がオリジンサーバーからのエラーレスポンスをキャッシュする最小時間です。 エラーキャッシュ最小 TTL はデフォルトで 5 分となっています。 CloudFrontがオリジンサーバから4xx 5xxを受け取った場合の動作について CloudFrontはオリジンサーバが4xx 5xxを返したとき
CloudFront経由の配信でWordpressのビジュアルエディタが使えない場合
WordPressのサイトをCloud Front 経由で配信するようにした際に、投稿の編集画面でビジュアルエディタが消えて使えなくなる現象が発生します。 これは、ビジュアルエディタ機能のON/OFFで User-agent を見てPCからのアクセスのみONにしているのですが、普通にCloud Frontからアクセスした場合、User-agent は「Amazon CloudFront」で書き換えられる為にPCからのアクセスでないと判定されビジュアルエディタ機能がOFFになってしまうからです。 この現象の対処法として2通りご紹介します。弊社では現状はUser-Agent をそのままoriginへ転送する方法で実装しています。 User-Agent をそのままoriginへ転送する方法管理画面では、User-agentを「Amazon CloudFront」で書き換えずに、端末から送られるも
CloudFront Behaviors の Pattern Path と S3 Path の関係 - Qiita
定期的にはまる Amazon CloudFront のパス関連のメモ。 現在 Amazon CloudFront では、Behaviors を設定することで、拡張子やパスに応じたキャッシュコントロールを実現できます。 このとき、複数オリジン + 複数 Behaviors の（path pattern）設定を行うことで、 /aaa/* の場合は s3.yourBucketAAA を参照 /bbb/* の場合は s3.yourBUcketBBB を参照 といったように、複数の S3 Origin を使い分けることも可能です。 本題 : path pattertn も S3 の パス に含まれる path pattern、S3 Origin ID、実際に参照される S3 の パス の対応表は下記のとおりです。 path pattern S3 Origin ID 実際に参照される S3 の パス
できた！S3 オリジンへの直接アクセス制限と、インデックスドキュメント機能を共存させる方法 | DevelopersIO
CloudFrontをS3 オリジンで利用するとき、「CloudFrontをバイパスしたアクセスを制限」「インデックスドキュメントを返す」という要望は少なくないのではないでしょうか？出来そうで出来なかった共存を Lambda@Edge で解決！ ちょっと伝わりにくいタイトルですが、やりたいことは以下の2つです。 CloudFront の S3 オリジンには直接アクセスさせない（CloudFront をバイパスした S3 へのアクセスをブロック） オブジェクト指定のないアクセス（末尾"/"の URL アクセス）にはインデックスドキュメントを返す（サブディレクトリも含む） 画にするとこういうことです↓ 「CloudFront をバイパスさせない」という点でまず考えるのは、オリジンアクセスアイデンティティでかと思います。そして、「オブジェクト指定のないアクセスにインデックスドキュメントを返す」と
S3に置いたhtmlファイルがブラウザダウンロードされてしまう時 - Qiita
現象 静的サイトとして設定しているS3に置いたHTMLが、アクセスするとダウンロードコンソールが表示されるようになっていた。 調査 ブラウザでアクセスし、開発ツールでネットワーク等でファイルタイプを確認すると、octet-streamと認識されていた。 オプションでファイルタイプを指定する
CloudFront + S3 で静的サイトを運用する際の注意点 - Qiita
※1 https://[CloudFront]/foo および https://[CloudFront]/foo/ という URL に対して、 foo/index.html などインデックスファイルを出力する機能。 構成 1. CloudFront のオリジンに、 S3 バケットそのものを指定する構成。 参考: [CloudFront + S3]特定バケットに特定ディストリビューションのみからアクセスできるよう設定する ｜ Developers.IO 主要点 S3 バケットはパブリックアクセス可能にしない。 S3 バケットの Static Website Hosting は有効にしない。 有効にしても実害はないと思いますが、 CloudFront が S3 バケットに直接アクセスするこの構成では、意味はありません。(多分) CloudFront は Origin Access Identi
JavaScriptでAWS CloudFrontのキャッシュを削除(Invalidate)する - Qiita
{ "dependencies": { "aws-sdk": ">= 2.0.9", "node-uuid": ">= 1.4.1" } } // Load the SDK and UUID var AWS = require('aws-sdk'); var uuid = require('node-uuid'); var cloudfront = new AWS.CloudFront({ apiVersion: '2017-03-25', accessKeyId: YOUR_AWS_ACCESS_KEY, secretAccessKey: YOUR_AWS_SECRET_KEY, }); var timestamp = new Date(); var string_timestamp = String(timestamp.getTime()); var invalidate_items
CloudFront+S3で署名付きURLでプライベートコンテンツを配信する | DevelopersIO
はじめに S3をWebコンテンツの置き場所として使う場合、Webアプリケーション側でそのS3上のコンテンツに対するPre-signed URLを生成することで、Webアプリケーションで認証されたユーザに限りコンテンツにアクセス可能とするような仕組みを作ることは良くあります。 ただしこのS3アクセス用として生成したPre-signed URLは、CloudFrontを経由した形では使えません。 CloudFront経由で、限られたユーザのみS3からコンテンツを取得出来るようにするためには、CloudFront用の署名付きURLを発行する必要があります。 そこで今回は、CloudFront+Amazon S3を組み合わせて、署名付きURLを使った制限されたコンテンツ(プライベートコンテンツ)の配信を試してみました。 やってみる 今回試したことは、以下のAWSのドキュメントを参照しながら行ってい
Lambda + CloudFront + S3でBasic認証する - Qiita
やりたいこと S3に配置したHTMLファイルを表示する前にBasic認証 ユーザがCloudFrontへアクセスしたらBasic認証される 構成 手順概要 S3作成 1-1. バケット作成 1-2. Webサイトホスティング有効 CloudFront作成 Lambda作成 3-1. Lambda用Role作成 3-2. 関数作成 3-3. バージョニング設定 3-4. トリガー設定 手順 1.S3作成 1-1. バケット作成 バケット名を入力し次へ 何もせず次へ 何もせず次へ(パブリックアクセスは推奨値直か念のため確認) バケットを作成 1-2. Webサイトホスティング有効 作成したバケットを作成 プロパティタブ内のStatic website hostingを選択 チェックを入れて有効化しindex.htmlを入力後保存する 2.CloudFront作成 Webタイプを選択する 下記情
CloudfrontとS3でBasic認証をかける - Qiita
S3 bucketの作成 まずはhtmlファイル等を格納するS3のbucketを作成します。 Cloudfrontから配信するのでパブリックアクセス許可やStatic website hostingの設定は不要です。 lambda関数の作成 次にBasic認証を処理するlambda関数を作成します。 この時、右上のリージョン設定で「バージニア北部」を選択してから「関数の作成」をしてください。 名前に"BasicAuthentication"（任意の名前） ランタイムはNode.js 6.10を選択 ロールは"テンプレートから新しいロールを作成"を選択 ロール名には"lambda_edge_exection"（任意の名前） ポリシーテンプレートは"Basic Edge Lambdaアクセス権限"を選択 関数の作成をクリックしてしばらくすると次の画面に切り替わります。 少しスクロールしたところ
CloudFrontのデフォルトルートオブジェクトとS3の静的ウェブサイトホスティングのインデックスドキュメントの動作の違い | DevelopersIO
ご機嫌いかがでしょうか、豊崎です。 CloudFrontのデフォルトルートオブジェクトと、S3の静的ウェブサイトホスティングのインデックスドキュメントの動作の違いについて触れる機会がありましたので、書いていきたいと思います。 ここでの前提 コンテンツ配置用S3のディレクトリ構成は以下とします。 / ├ index.html └ demo/ └ index.html デフォルトルートオブジェクト CloudFrontの機能でデフォルトルートオブジェクトというものがあります。 エンドユーザがディストリビューションのルートURLを指定した場合に特定のオブジェクトを返すようにする機能です。 ここではオリジンをS3オリジンとして説明をしていきます。 デフォルトルートオブジェクトの挙動 設定箇所としては以下です。 ここでは「Default Root Object：index.html」として設定をしま
WordpressにCloudFront Clear Cache(C3)プラグインを設定する | 南西通信
WordPressの記事を編集や訂正、テーマを編集する都度、CloudFrontでキャッシュを削除してましたが、手間になってきたのでCloudFront Clear Cache(以下C3)プラグインを設定しました。 C3用IAMユーザーの作成 IAMコンソールを開き、[ユーザー]->[ユーザーの追加]をクリックします。 ユーザー名を入力し、 ユーザー名入力 アクセス種類：プログラムによるアクセスにチェック にした上で、[次のステップ：アクセス権限]をクリックします。 [既存のポリシーを直接アタッチ]をクリックし、[ポリシーのフィルタ]で[CloudFront]を入力します。 [CloudFrontFullAccess]をチェックし、[次のステップ：確認]をクリックします。 確認画面で設定内容を確認し、[ユーザーの作成]をクリックします。 IAMユーザーが作成されました。 画面に表示されるA
CloudFrontの下でWordpressを実行する時に色々ハマった話 前編 - Qiita
長くなったので、前編後編に分けます。 WordpressをAWSで動かす構成例 構成図 以下の構成で、WordpressをAWSで動かします。 EC2でWordpressを実行 インターネットからはCloudFrontへアクセス CloudFrontでHTTPからHTTPSへリダイレクト CloudFrontからEC2へはHTTPでポート番号8080へアクセス 本来であれば、CloudFrontとEC2の間にApplication Load Balancerを挿むのが良いと思います。 どちらにしても、以下の対応は必要です。 CloudFrontの設定 Distribution Settings Alternate Domain Names (CNAMEs) ここには、公開するFQDNを入れます。 SSL Certificate Custom SSL Certificate を選択し、ACM
WordPressの前にCloudFrontを置くためのプラグイン「C3 Cloudfront Clear Cache」を作った話 | WP-kyoto
AMIMOTOアドベントカレンダー２５日目にアップされるはずだった記事です。 進捗ダメでした。 AMIMOTO使っているとやはりCloudFrontは使いたくなりますよね。安いし早くなるし。 設置方法はWordPress の前段に CloudFront を配置するという記事を見るのが一番だと思いますので割愛します。 AMIMOTOマネージドホスティングの方でお問い合わせしてくれてもええんやで((꜆꜄•௰•)꜆꜄꜆» WordPress + CloudFrontの問題点 で、上記の記事にもあるのですがClouFrontのネックは「WordPressからキャッシュの制御ができない」ということでした。 記事更新やテーマを編集した場合、毎回AWSの管理画面からキャッシュ削除しないといけなかったんです。 と、いう事でAWSのAPIからCloudFrontのキャッシュを削除するプラグインをリリースしま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
静的コンテンツを更新したときに即時反映されるようにCloudFrontのInvalidationを走らせるLambda関数
WordPress の前段に CloudFront を配置する ( AMIMOTO Advent Calendar 2015 12日目 ) - dogmap.jp