一つの独自ドメインを複数サーバーで利用する方法

2021-12-18

概要

私はエックスサーバーpitang1965.com という独自ドメインを取得して利用していますが、これを他のホスティングサービスでも使う方法を試してみました。

具体的にはURLを次のように変更してみます。

URL使用しているサーバー
変更前https://pitang1965.gatsbyjs.io/Gatsby Cloud
変更後https://blog.pitang1965.com/ Gatsby Cloud
別のサーバーによる独自ドメインの使用

エックスサーバー:サブドメインの追加

エックスサーバーのドキュメント「サブドメイン設定 | レンタルサーバーならエックスサーバー」に従い、 blog.pitang1965.com というサブドメインを追加します。

設定が完了し、反映されたら(1時間くらいかかる)、次のような画面が確認できた上で、サブドメイン設定の画面で、「反映待ち」の表示が消えます。

サブドメインのみ設定後のblog.pitang1965.com

Gatsby Cloud:ドメインの追加

Gatsby CloudSite SettingsHostingをクリックする。

Deploy to Gatsby HostingONにする。

Domains の [Add domain]ボタンをクリックする。

④ “blog.pitang1965.com”を入力して[Save]ボタンをクリックする。

次のようなメッセージが出るので、この情報を元にエックスサーバーで設定をおこなう。

Gatsby CloudのDomains設定
Site prefix

エックスサーバー: DNSレコード設定

エックスサーバーのドキュメント「 DNSレコードの編集 | レンタルサーバーならエックスサーバー」に従い、DNSレコードを追加します。

エックスサーバーのDNSレコード設定

上記を設定後、[確認画面へ進む]ボタンをクリックし、続く画面で[追加する]ボタンをクリックする。

設定完了後

エックスサーバーGatsby Cloudの設定完了後、Gatsby Cloudの設定画面のHoistingDmainsはやがて次の状態になります。

Gatsby CloudのDomains設定

サイト自体が正常にビルド・デプロイが可能であれば、次のように独自ドメインの割当が確認できます。

独自ドメインを設定したサイト

URL変更によるリダイレクト

この状態で古いURLにアクセスしてもアクセスできます。これを新しいURLにリダイレクトする方法は、

Gatsby Cloud無料枠の制限

無料枠のGatsby Cloudではカスタムドメインは一つしか設定できません。