WordpressのホスティングS3アマゾンにアップロード
AWS上の弾性システムを構築します。 AWS上の弾力性、高可用性、フォールトトレラントなインフラストラクチャを設計および実装する方法を学んでください。
みんなは、Amazon S3にファイルを格納するための偉大であることを知っています。それは、高速で安価な、そしてセットアップが簡単です。あなたが気づいていない可能性がありますことも、この堅牢なプラットフォーム上で静的なウェブサイトをホストすることができるということです。
静的なウェブサイトとは何ですか?要するに、それだけでHTML、CSS、および/またはJavaScriptで構成されるWebサイトです。それはあなたがRailsのやPHPアプリケーションをホストする場合は、あなたが他の場所で見てする必要がありますので、サーバー側のスクリプトは、サポートされていませんを意味します。シンプルな目的のためには、S3上のウェブサイトをホスティングの素晴らしい世界へようこそ!

バケットの作成
まだお持ちでない場合は、あなたがする必要がありますまず最初に、Amazon Webサービス(AWS)アカウントにサインアップです。あなたがS3上のオブジェクトを入れ始めると、あなたは、ストレージおよび転送手数料を支払う必要がありますサインアップする何の費用がかかりますが、心に留めておくことはありません。 (心配しないで、それは安いです!)
アカウントを作成したら、AWS Management Consoleのにアクセスすることができます。
あなたが最初のバケットを作成するために行くよ場所です。それはクラウドにありますし、それが事実上無制限のストレージを持っている以外バケットは、ハードドライブ上のフォルダに似ています。あなたは1を作成する前に、バケットについて知る必要があるいくつかあります:
- バケット名は、全体S3プラットフォーム全体で一意である必要が
- あなたは、世界中の多くのサポート領域の一つでバケットを作成することができます
- カスタムドメインを使用したい場合は、あなたのバケット名は、ドメイン名と同じにする必要があります。
バケットを作成するには、AWS Management ConsoleでS3に移動し、バケットを作成してヒット。あなたは名前と地域を入力するように求められます。
あなたがあなた自身のドメイン/サブドメインを使用する予定の場合は、お使いのバケット名のためにそれを使用します。地域のために、あなたに1つ最も近くを選んで作成しますヒット。運が良ければ、あなたの新しいバケツがコンソールに表示されます。
行うために残された唯一のものは、静的なウェブサイトのホスティングを有効です。ただ、右側のパネルから選択します。
あなたはindex.htmlをにインデックス文書を設定していることを確認します。あなたがしたい場合にも、エラーページを設定することができます。設定が完了したら、[保存]を押します。
まあ、それは簡単でした。今度は、ホームページをアップロードしてみましょう!
あなたの最初のページをアップロードします
AWS Management Consoleの約良いところは、あなたが右、あなたのブラウザからバケットにファイルをアップロードできることです。一つと呼ばれるのindex.htmlを作成してみましょう。これはホームページの内容は次のようになります。
それをアップロードするには、あなたの新しいバケットを選択し、[アップロード]を押してください。
あなたは、index.htmlをアップロードしたら。それはあなたのバケツに表示されます。ただし、S3のすべては、デフォルトではプライベートなので、まだお使いのブラウザでそれを見ることができません。

それは公共のようにするには、index.htmlを右クリックして、公共の作成]を選択します。 (あなたのウェブサイトにアップロードし、他のファイルのためにこれを行うことを忘れないでください!)
今すぐあなたのホームページは世界に表示されていること、それはすべてのものをテストする時が来ました!コンソールにindex.htmlを選択し、[プロパティ]タブに移動します。
リンクをクリックすると、あなたの新しいホームページが表示されます。
あなたはアドレスバーがs3.amazon.comを示していることに気づくでしょう。これは、Amazon S3に格納されたオブジェクトのデフォルトのURLです。セットアップにのカスタムドメインをしようと、実際にウェブサイトにこれを回します。
独自のドメインを使用します
あなたのバケット名は、ドメイン/サブドメイン名と同じである場合は、ドメインのDNS設定にCNAMEレコードを作成することで、あなたの新しいウェブサイトにそれを指すことができます。それは次のようになります。
独自のドメインでexample.comを交換することを忘れないでください。 (24時間までかかることがあります)DNSが伝搬したら、ブラウザでドメインを訪問し、あなたのウェブサイトを見ることができるはずです。それが表示されない場合は、お使いのバケット名は、DNS設定を確認し、ドメイン/サブドメインとダブルとまったく同じであることを確認してください。
あなたのS3のウェブサイトを編集する方法
今、あなたのウェブサイトが稼働していることを、あなたはおそらくそれに変更を加えたいと思います。ああ、あなたは、Amazon S3上のワードプレスのようなものをインストールすることはできません。それでは、どのようにコンテンツを管理していますか?
恥知らずなプラグイン:私はシュールなCMSをお勧めします。それだけで任意のサイトについて、FTP、SFTP、またはアマゾンS3を使用してアップリンクとそれが統合することが死んで簡単です。例えば、そのホームページを取ります。のは、全体の事を編集可能にしてみましょう:
私は、コンテンツを包みました注意してください
シュールの設定
あなたのサイトを追加します
アカウントを作成することによって開始します。あなたはシュールなCMSにいる一度あなたが表示されます最初のものは、サイトのページです。
新しいサイトを追加]を選択し、あなたはいくつかの情報を要求フォームに移動します。
あなたのウェブサイトのURLを入力します。それ以外の場合はシュールに接続することはできません、あなたはアマゾンS3へのプロトコルを変更し、正しい地域を選ぶことを確認してください。また、あなたのアクセスキーとシークレットキーを入力する必要があります。あなたはこれらの便利を持っていない場合は、AWSの管理コンソールのセキュリティ資格ページからそれらを得ることができます。セキュリティを強化するため、ちょうどこの目的のために別のアクセスキーを作成することを検討。
設定が完了したら、Submitを、あなたのサイトはシュールに表示されますヒット。
ページを有効にします
次のステップは、編集のために自分のホームページを有効にすることです。あなたのサイトを選択し、有効ページのボタンを押してください。ダイアログは、あなたのS3バケットの内容を示す表示されます。 index.htmlを選択して、[完了]を押します。
おめでとう、あなたは編集を開始する準備が整いました!
編集ページ
以前のホームページにその編集可能なクラスを追加する方法を覚えていますか?さて、あなたはなぜ見しようとしています。シュールについての栄光の事は、それが野生に表示されて同じように、あなたがあなたのページをインラインで編集することがありますということです。リストからそれを選択すると、まっすぐライブエディタに移動します。
もちろん、あなたは、エディタ、すべての通常のオプションに必要な変更が可能です行うことができます。設定が完了したら、保存するために行く>公開とシュールなあなたのためにアマゾンS3に保存されます!
シュールはまた、あなたが有用見つける他の偉大な機能の束を持っています。少数に名前を付けるには:
- インライン編集
- 応答UI
- フォトギャラリーエディタ
- Google Analyticsのダッシュボード
- スケジュール出版
- 変更通知
- ホワイト・ラベルのサポート
それは自由ではないですが、あなたは、無料トライアルのためにサインアップし、それで遊ぶための完全な月を得ることができます。私はバイアスされてもよいが、それは間違いなくチェックアウトする価値があります。)
そして、そこにあなたはそれを持っています。今、あなたは、Amazon S3上のセットアップ方法にウェブサイトを知っているし、最小限の労力で、それを編集します。ご質問がありましたら、コメントでそれらを残します。このチュートリアルを楽しんでいる場合、私に知らせて!
コーリー・ラビスカについて
コーリーLaViskaセントラルフロリダの小さな開発スタジオ..美しいサイト、LLCの創設者です。彼はシュールなCMS、DirtyMarkup、jQueryのMiniColors、およびPHPのSimpleImageのようなものを担当します。 GitHubの上の彼とのコードやTwitterで彼に従いますが、何でもあなたは、常にシリアルコンマを使用します。