1,499 測定値

ドメインのブリッジング:GoDaddy から AWS S3 にスタイリッシュに移行する方法!

に Aryan Gulati10m2023/10/22

長すぎる; 読むには

GoDaddy で独自のドメインを保護し、アマゾンウェブサービス (AWS) S3 でウェブサイトをホスティングするまでの旅に参加してください。ステップバイステップのガイドに従って、デジタル世界へのシームレスな移行を確実に行ってください。 Web サイトを設定し、安全かつ効率的にし、常に最新の状態に保つ方法を学びます。最後に、新しいオンラインプレゼンスの立ち上げを祝いましょう。 🚀🎉

featured image - ドメインのブリッジング:GoDaddy から AWS S3 にスタイリッシュに移行する方法!

これは個人的なものです。

それは何気ない金曜日の夕方で、私には「単純な」目標がありました。それは、 GoDaddyドメインを使用してAWS S3で静的ウェブサイトをホストすることです。つまり、それはどれほど難しいことでしょうか？ 10 の記事、4 つのチュートリアル、2 つのビデオ、そしてインターネットが提供するものすべてを試すのに丸 1 日かかったということを考えると、かなりの成果だと思われます。

でも心配しないでください。あなたの旅はずっとスムーズになるでしょう。最初の基本的なステップ、つまり、キャッチーなドメインを獲得することから始めて、一緒にこの冒険に乗り出しましょう。

コンテンツの概要

GoDaddy: インターネットパイの一部を確保!
アマゾンウェブサービス: ウェブサイトがファーストクラスで利用できる場所
GoDaddy ドメインを AWS S3 バケットに移行する
ウェブマスター: ピカピカの新しいサイトのスムーズな更新
セレブレーションタイム: ライブです!

GoDaddy: インターネットパイの一部を確保!

(GoDaddy を使用して個人ドメインを取得して設定する方法を学びます。)

そこで、あなたはウェブ上に独自の小さなコーナーを設立することにしました。これからのエキサイティングな時代！基本的なドメインの取得から始めましょう。

ステップ 1: ドメインを選択する

まずは、あなた自身またはあなたのプロジェクトをよく表す、ユニークで記憶に残るドメイン名をブレインストーミングすることから始めます。短く、わかりやすく、綴りやすいものにしてください。いくつかのオプションを念頭に置いたら、GoDaddy の Web サイトにアクセスしてください。

ステップ 2: 検索して選択する

GoDaddy のホームページで、希望のドメイン名を検索バーに入力します。第一希望が決まっても、がっかりする必要はありません。 GoDaddy は別の提案を提供するか、最初のアイデアのバリエーションを試すこともできます。利用可能な気に入ったドメインを見つけたら、 [Make it Yours]ボタンをクリックしてカートに追加します。

ステップ 3: カスタマイズとチェックアウト

GoDaddy は、プライバシー保護や専門的な電子メールアドレス (<ユーザー名>@yourdomain) など、さまざまなアドオンやオプションを提供します。これらの製品を確認し、ニーズに合ったものを選択し、チェックアウトに進みます。取引を完了すると、ドメインがあなたのものになります。

ステップ 4: セットアップと構成

ドメインを取得したので、目的の URL に表示されるまでに、いくつかのセットアップ手順と変更が必要になる場合があります。ドメイン設定を構成し、ホスティングに接続し (これについては次に説明します)、起動に向けてすべてが最高の状態にあることを確認します。セットアップのこの部分では、ドメインの DNS レコードと転送ルールにアクセスします。

このようにして、GoDaddy でインターネットパイの一部を確保することに成功しました。デジタルの旅の次の段階である AWS S3 によるホスティングに今後も注目してください。

アマゾンウェブサービス: ウェブサイトがファーストクラスで利用できる場所

(アマゾンウェブサービスの S3 で Web サイトをホスティングする方法の紹介。)

インターネットの大国へようこそ:アマゾンウェブサービス (AWS) 。ウェブが海だとしたら、AWS はその最強の船となるでしょう。今日、あなたはウェブサイトをスタイリッシュにホストするために乗り出します。

ステップ 1: AWS ランドスケープをナビゲートする

AWS は広大で、初めて利用する人にとっては圧倒されるような無数のサービスがあります。既存の AWS アカウントにログインするか、新しいアカウントを作成します。

慣れる: 初めて AWS にログインすると、AWS マネジメントコンソールが表示されます。これは AWS サービスのコントロールセンターなので、そのレイアウトを少し調べてみましょう。左上の「サービス」ドロップダウンに注目してください。これは、すべての AWS 製品の頼りになるハブです。

S3 の検索: [サービス] ドロップダウンの下で、[ストレージ] カテゴリに [S3] がリストされています。「S3」をクリックして S3 コンソールに入り、静的 Web サイトのホスティングを管理します。

ステップ 2: S3 バケットの作成

バケットを Web サイトのストレージユニットとして考えてください。「バケットの作成」ボタンをクリックします。ここで、バケットに名前を付けます (通常、わかりやすくするためにドメイン名と一致する必要がありますが、好きな名前を付けても問題ありません)、ターゲットユーザーに最も近いリージョンを選択し、ここではデフォルト設定に従います。

バケットに名前を付ける: S3 コンソールで、青い「バケットの作成」ボタンをクリックします。バケット名の入力を求めるウィンドウが表示されます。一貫性を保つために、ドメインによく一致する名前を選択してください。
リージョンの選択: 遅延を最小限に抑えるために、視聴者に近いリージョンを選択します。各地域は特定の地理的エリアに対応します。私個人としては、米国に拠点を置いており、AWS での SSL 認証プロセスに役立つため、常に米国東部リージョンを使用することを好みます (これについては次のセクションで詳しく説明します)。

設定を確認する: 多くの設定はデフォルトで問題ありませんが、各オプションに目を通して理解を深めてください。ここではあまり調整する必要はないと思われますが、慣れておくことは将来のトラブルシューティングや調整にとって重要です。

ステップ 3: バケットの構成

バケットの準備ができたら、いくつかの構成を行います。プロパティと権限を設定してバケットを公開し (デフォルトでは非公開であるため)、他のユーザーが Web サイトを閲覧できるようにします。また、ここで機能を有効にし、インデックスとエラードキュメントを指定することで、静的 Web サイトホスティングを設定します。

パブリックアクセス設定: ユーザーがバケットファイルにアクセスできるようにするには、「すべてのパブリックアクセスをブロック」のチェックを外します。アクセスを許可すると次のようになります。

ステップ 4: コンテンツをアップロードして公開する

すべての設定が完了したら、Web サイトのファイルをバケットにアップロードする準備が整いました。ドラッグアンドドロップするか、HTML、CSS、その他のファイルを S3 バケットに手動でアップロードするだけです。

Web サイトファイルのアップロード: 静的 Web サイトファイルを新しいバケットにアップロードします。これを行うには、AWS CLI を使用するか、[オブジェクト] タブの [アップロード] オプションを選択します。個人的には、常にアップロードオプションを使用します。

静的 Web サイトホスティングの有効化: バケットの [プロパティ] タブに移動し、[静的 Web サイトホスティング] までスクロールします。「編集」をクリックし、静的 Web サイトホスティングを有効にして、「インデックス」テキストフィールドにデフォルトのページ名 (通常は「index.html」) を入力します。変更を保存することを忘れないでください。

パブリックアクセスの付与: [権限] タブに移動し、バケットポリシーを追加して、バケットへのパブリック読み取りアクセスを許可します (YOUR-BUCKET-NAME を変更し、以下に示すコードを追加します)。このポリシーでは、インターネット上の誰でもバケット内のオブジェクトを読み取ることができるため、データを公開してアクセスできるようにする必要があります。ポリシーを他の変更とともに保存する前に、必ずポリシーの権限を確認して理解してください。

 { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow", "Principal": "*", "Action": [ "s3:GetObject" ], "Resource": [ "arn:aws:s3:::YOUR-BUCKET-NAME/*" ] } ] }

ステップ 5: ライブサイトをテストする

AWS は、ホストされているコンテンツに独自のエンドポイントを提供します。このリンクをクリックすると、すべてがうまくいけば、静的 Web サイトが生き生きと動作していることがわかります。

そして、それができました！ AWS への最初の降下は気が遠くなるように思えるかもしれませんが、これらの手順を実行すると、着陸しただけでなく、拠点を設定したことになります。次の冒険の準備はできていますか?次のセクションでは、ライブ配信について詳しく説明します。

ついに完了: サイトが公開されました!

(Web サイトを正常にホストし、実際に稼働するまでの手順を説明します。)

おめでとうございます。もうすぐです!次に、ピカピカの新しい GoDaddy ドメインを、細心の注意を払って設定した AWS S3 バケットに指定して、すべてをバインドしましょう。

GoDaddy ドメインを AWS S3 バケットに移行する

ステップ 1: AWS ACM を使用して SSL 証明書を取得する

AWS 証明書マネージャー (ACM) を開きます。

「リクエスト」をクリックして新しい証明書を開始し、「パブリック証明書をリクエスト」を選択します。
ドメイン名を追加します — www.your-domain.comおよびyour-domain.com 。
「DNS検証」を選択します。

証明書の作成後、ACM によって 2 つの CNAME レコードが生成されます。後で使用できるように、「CNAME 名」と「CNAME 値」の両方をコピーします。

ステップ 2: GoDaddy で DNS レコードを更新する

GoDaddy アカウントにログインし、選択したドメインのドメイン設定に移動します。
「追加設定」の「DNS の管理」に進みます。
ACM によって提供される CNAME レコードを追加します。指定された両方の値セットに対してこの手順を繰り返します。
「タイプ」を「CNAME」に設定します。
「名前」は、ACM の「CNAME 名」から .を省略したものです。あなたのドメイン.com CNAME 名の一部(この場合は _95c3d23b4c008dfcadeed5b518ed3d1d.www & _2bb2bfda7c66af8c036422465b415a8c になります)。
「値」は、ACM からの「CNAME 値」です（そのままコピー）。
「TTL」を「デフォルト」に設定します。

これらの変更が反映され、証明書が検証されるまでしばらく時間がかかります。

ステップ 3: AWS CloudFront ディストリビューションの作成

AWS で CloudFront コンソールを開きます。

「ディストリビューションの作成」をクリックします。
S3 バケット Web サイトの URL を「 Origin Domain 」として入力します (自動提案されたリンクの使用は避けてください)。

「 Viewer Protocol Policy 」で、「HTTP を HTTPS にリダイレクトする」を選択します。
「 Web アプリケーションファイアウォール (WAF)」で、「セキュリティ保護を有効にする」を選択します。
「設定」の下で、優先する Web サイト URL ( www.your-domain.comとyour-domain.com ) の両方に「代替ドメイン名 (CNAME) 」を追加します。
「カスタム SSL 証明書」で以前に作成した ACM 証明書を選択します。

ディストリビューションの作成プロセスを完了し、展開されるまで待ちます (通常は 5 ～ 10 分)。

ステップ 4: ドメインを CloudFront に向けて最終調整する

残念ながら、GoDaddy の標準 DNS サービスは、CloudFront への直接の ALIAS または ANAME レコードをサポートしていません。したがって、ベストプラクティスは、www サブドメインの CNAME を設定してから、ルートドメインを www サブドメインにリダイレクトすることです。 www の CNAME はすでにあるので、それを変更しましょう。

CloudFront ドメインの取得:ディストリビューションの作成時に指定された、 dxxxxxxxxxxxxx.cloudfront.netのような CloudFront ドメイン名をメモします。
ルートドメインレコードの更新: GoDaddy の標準 DNS は、ルートドメインの CloudFront を直接指す ALIAS または ANAME レコードをサポートしていません。これに対処するには、 wwwサブドメインの CNAME を設定し、ルートをwwwにリダイレクトします。
www の CNAME の調整: wwwサブドメインの既存の CNAME レコードを変更します。

タイプ: CNAME
名前:www
データ: [CloudFront ドメイン名]
TTL: 1 時間 (お好みに応じて調整してください)

ルートドメイン転送の設定:トラフィックをルートドメインからwwwサブドメインにリダイレクトする転送を実装します。

GoDaddy のダッシュボードでドメインの DNS 管理に移動します。
「転送」セクションを見つけて、「ドメイン」転送を追加します。
転送先: www.your-domain.com
リダイレクトタイプ: 301 (永続)
設定: 転送のみ

他のレコードの処理:既存の NS、SOA、および_domainconnectレコードを変更せずに維持します。
伝播時間の考慮事項:これらの DNS 調整後、伝播にはしばらく時間がかかる場合があり、即時から数時間までかかる可能性があります。などのツールを活用するDNSチェッカー伝播ステータスをグローバルに監視します。

伝播が完了すると、 your-domain.comまたはwww.your-domain.comにアクセスすると、ユーザーは HTTPS 経由で CloudFront でホストされているサイトに安全に誘導されます。

ウェブマスター: ピカピカの新しいサイトのスムーズな更新

(新しくホストされた Web サイトの更新と保守に関するガイド)。

AWS S3 でホストされている静的ウェブサイトの更新は簡単なプロセスです。サイトを最新の状態に保つには、次の手順に従ってください。

ステップ 1: AWS S3 へのアクセス

AWS コンソールにログインします。
S3 サービスに移動します。
Web サイトをホストしているバケットを開きます。

ステップ 2: Web サイトのファイルを更新する

既存のファイルを更新するには:
置換するファイルに移動します。
同じ名前のファイルをアップロードしてこのファイルを上書きするか、既存のファイルを削除して新しいバージョンをアップロードします。
新しいファイルを追加するには、バケット内の関連ディレクトリにファイルをアップロードするだけです。

ステップ 3: ファイルのアクセス許可 (必要な場合)

新しいファイルをアップロードするときは、そのアクセス許可が正しく設定されていることを確認してください。
バケットがパブリックの場合、訪問者がアクセスできるように、通常は新しいファイルを「パブリック読み取り」に設定する必要があります。

ステップ 4: キャッシュのクリア (CloudFront を使用している場合)

コンテンツ配信に AWS CloudFront を利用している場合は、キャッシュが原因で更新がすぐに反映されない可能性があることに注意してください。
更新されたコンテンツを表示するには、無効化を作成してキャッシュをクリアする必要がある場合があります。
CloudFront ディストリビューションに移動し、[無効化] タブに移動し、更新されたファイルのパスを入力して無効化を作成します (すべてのファイルを無効化するには/*を使用します)。