概要 AngularなどのSPAをS3+CloudFrontで表示する方法についてです。 要件 SSL/TLSを使いたい https://example.com/hoge のようなサブディレクトリのようなパスで403にならないようにしたい ↑のようなパスでもOGPがきちんと表示される リロードしても404にならない S3バケットのファイルには直接アクセスできないようにしたい 以前のケースとの比較 過去に S3 + CloudFrontにした時にハマったこと - Carpe Diem Angularで作ったサイトでリロードすると404エラー - Carpe Diem で似たようなケースに対応しました。しかしこれらは先の要件である 3. ↑のようなパスでもOGPがきちんと表示される や 5. S3バケットのファイルには直接アクセスできないようにしたい を満たせていませんでした。今回はそちらを考
おばんです、来週はお世話になっているSwift 愛好会さんで開催される開発合宿が楽しみな田中です。 なにをやろうかな、ライブラリ作ろうかな、個人アプリ開発を進めようかな、参加者の方々と設計を語るのも良さそうだな...。楽しみだー！！ さてさて、今回はAmazon CloudFrontを少しさわったのでその時得たTips紹介です。 Invalidationとは Invalidationとは、CloudFrontのエッジサーバー上のキャッシュを削除する機能です。 キャッシュの削除方法 該当するCloudFrontのコンソールを開く。 Invalidationsタブを選択し、「Create Invalidation」のボタンを押す。 削除したいオブジェクトのキャッシュをパス指定で削除する。 ワイルドカードが使用できるので、まとめて全キャッシュを削除する場合はこの画像の指定。 パスが指定できたら「
皆さんこんにちは、yokatsukiです。 静的コンテンツの配信性能を高めるために、S3とCloudFrontを組み合わせて、CloudFrontからコンテンツを配信する形態は、Cache Distributionパターンとしてよく知られています。しかし、設定がよく理解できていないために、CroudFront以外に、S3コンテンツへ直接アクセスできるようになっていませんか？しかし具体的な設定方法をネットで調べても、(2014年9月初めの時点では)署名付きURL等のやや複雑な説明ばかりで、「配信できているからいいや」と設定をおざなりにしている方、多いと思います。 今回は、S3バケット上のコンテンツを、特に署名や期限等の複雑な設定を設けず、シンプルにCloudFrontのみからアクセスできるように設定する方法を紹介します。上記Cache Distributionパターンのシンプルな一例と考えて
はじめに 当エントリはDevelopers.IOで弊社AWSチームによる2015年アドベントカレンダー 『AWS サービス別 再入門アドベントカレンダー 2015』の3日目のエントリです。 昨日2日目のエントリは大瀧の『Amazon VPC』でした。 このアドベントカレンダーの企画は、普段AWSサービスについて 最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、 今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようという コンセプトが含まれています。 本日3日目のテーマは『Amazon CloudFront』です。 目次 Amazon CloudFrontとは CloudFrontの仕組み CloudFrontの基本的な使い方 ユースケース 高度な機能 あわせて読みたい公式情報 さいごに Amazon CloudFrontとは Amazon Cloud
この記事は、AWS S3 + CloudFront で動画ストリームの続きです。 目的 期限付きURLでの接続を行う。(ワンタイムURL) 動画ストリームに閲覧制限し配信したい。(今回は画像で試した) 最終的にはPloneの認証を使って動画を配信したい。(次回以降にチャレンジ) S3 及び CloudFront の設定 新規にバケットを作り、お試しの画像を置く。この画像をプライベート配信する事を試す。 S3 新規にバケットを作る (c2-video-test-private) ログの設定は行う Upload 画像ファイルをアップロード "terada_pythonbr.jpg" CloundFront CloudFront アクセスIDの取得 IAMのWeb管理コンソールへ行く Details内の、 "CloudFront Key Pair" で、"Create New Key Pair"
2012年10月04日 【S3】【CloudFront】Amazon S3 + CloudFrontでストリーミングしてみるゼイ。 えっと、ストリーミング再生がしたいってこがはじまりでだゼイ。 Amazon S3 + CloudFrontでできるらしいからさっそく使ってみたゼイ。 Amazon S3 + CloudFrontの設定をインスタンス作るのはいろいろ情報があったから、割とすんなりできたゼイ。 けど、動画をストリーミング配信しようとしたら、やたらはまった。 すっげーはまった、まじではまった。 なので、はまったポイントだけ書いていくゼイ。 まー、ちゃんとドキュメントを読めばよかった。 ドキュメント英語だから、避けていたゼイ。 ちなみに、動画配信についての知識はほとんどない。 そしてAWSも初めて使った。 そんな俺が、はまったことをlogるゼイ。 まずはまったのが、ストリーミング再生す
準備 AWSのアカウント 動画ファイル S3のバケット バケットの作成 今回は、"c2-video-test"というバケットを新規に作成。Tokyoリージョンとした。 Static Website Hostingの設定 Enable website hosting に変更 Index Document の設定が必要だったので、"index.html"と入力 Endpointは以下のとおり Endpoint: c2-video-test.s3-website-ap-northeast-1.amazonaws.com Permissionの設定 Add bucket Policyをクリックし、 { "Version":"2012-10-17", "Statement":[{ "Sid":"AddPerm", "Effect":"Allow", "Principal": "*", "Action
こんにちは！中の人です。 前回までのAWSレシピでは『Amazon IAM編』ということで、 Amazon IAMの使い方についてお話しました。 今回は、『Amazon CloudFront編』ということでCloudFrontを使ってサイトを 公開する方法についてお話していきます。 その前に『Amazonクラウドの最新情報』をご紹介します。 ついにAWS Summit 2013が4/18より、最初の場所NewYorkを皮切りに世界各国で開催されます！ ※AWS Summit 2013 | NYCの案内ページはこちら 日本では6/5-6の2日間ですのでまだ登録されていない方は、ナレコムAWSレシピのトップページ右上にある「AWS Summit Tokyo 2013 詳細・参加 登録は こちら！」よりご登録ください。 さて、ここから本題に入りたいと思います。 今回、お話するCloudFront
こんにちは！中の人です。 今回も前回のAWSレシピに引き続き、Amazon CloudFront編です！ 前回のレシピでは、Amazon CloudFrontを使ったサイト公開方法についてお話したかと思いますが 今回は、Amazon CloudFrontの『コンテンツ管理上の注意点について』お話していきます！ CloudFrontはデフォルトで24時間コンテンツをキャッシュするようになっており、最短でも1時間はキャッシュされます。 通常であれば問題ないのですが万が一、「間違えてあげてしまったコンテンツを削除したい！」 「別のコンテンツに差し替えたい」となった場合に行なう方法を今回はお話したいと思います。 それでは実際に、作業をおこなっていきましょう！ 1. ManagementConsoleのServicesからCloudFrontを選択します。 2. 変更・削除を行いたいDistribu
こんにちは！中の人です。 今回も前回のAWSレシピに引き続き、Amazon CloudFront編です！ 前回のレシピでは『Amazon CloudFront編～コンテンツ管理上の注意点～』を記述したかと思いますが、今回は『CloudFrontを使って動画を配信してみよう』ということでお話をしていきます。 今回お話するAmazon CloudFrontの機能を使うことでメディアサーバを用意することなく、ストリーミング配信をすることができます。 また、ダウンロード方式の様に全てダウロードしてから再生させるわけではないので、大きな動画ファイルでもストレス無く配信することが出来ます！ それでは実際に、設定をおこなっていきましょう！ 1. S3に対して動画ファイルをアップします。 ※ S3へのファイルのアップロード方法の詳細については、以前のAWSレシピ『Amazon S3編～S3バケットにファイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く