Shifterの独自ドメインをムームードメインで管理する

morita

こんにちは、森田です。
以前も紹介させていただいた Shifter ネタです。

Shifter で独自ドメイン設定をする方法を調べると、 Route 53 で設定する方法がよく見受けられます。むしろその情報しか出てこないレベルです。

しかし、ムームードメインでも設定できたのでその方法をまとめました。

こちらの独自ドメインの設定の解説ページ を参考にムームードメインでの設定を補足して書いていきます。

設定方法

まずは Shifter の管理画面でムームードメインで取得したドメインを追加します。

ドメインを入力し「Submit」を押すとドメイン認証のURLが発行されます。

ムームードメインのDNS設定(ムームーDNS)をカスタム設定にして、認証レコードを入力します。

ここで表示されたValueなどをそのままコピーするとムームーDNSではエラーになってしまうので、以下の様にします。

  1. Name の ドメインのサブドメインのみをコピー
  2. Type は「CNAME」
  3. Value の最後のドット以外をコピペ

www も設定している場合は同様の作業をします。

認証完了

ムームーDNSを設定し数分経つと Shifter の管理画面にドメインをアタッチする画面が出るので 「Attach」を押します。

これでドメインがアタッチされました。

Custom Domains on Shifter より

そして、ここに表示されている「Record Value」を再度ムームーDNSに入力します。

3番目にサブドメイン「www」、種類「CNAME」で追加します。

ムームーDNS 設定画面

さらに、Shifter 管理画面の Settings に表示されている CloudFront のドメインをムームーDNSに入力します。

Custom Domains on Shifter より

4番目に種類「ALIAS」で追加します。

以上で設定は完了です。

ドメイン設定完了

最終的に以下のようになりました。

ムームーDNSのカスタム設定画面

最後にサイトを Generate し、サイトの静的書き出しを行います。

これで無事に独自ドメインでサイト表示がされました。

ドメインやサーバーの知識に長けている方でしたら簡単なものかもしれませんが、なかなか苦労しました。

Shifterのマニュアルが充実することを願います。

フロントエンドの悩み、お気軽にご相談ください!

Gaji-Laboはフロントエンド体制や開発効率の問題点や隠れた課題を洗い出し、最適な方法での解決を提案します。フロントエンドの悩みを紐解きながらチーム全体の生産性をアップさせるための相談相手として、お気軽にお声がけください。

オンラインでのヒアリングやミーティングにも対応しておりますので、リモートワーク対応可のパートナーをお探しの場合も是非弊社にお問い合わせください!

お問い合わせしてみる!


morita

投稿者 Morita Sou

ディレクターとして適切な技術提案やコミュニケーションを出来るように心掛けています。エンジニアとして主にフロントエンド全般、CMS構築や開発環境の構築などを得意としています。
Macやエディタ、開発環境などを最適化することにいつも燃えています。