ムームードメインで取得したドメインをNetlifyで使う

Web関連情報・技術

当サイトにはプロモーション・広告が含まれています。

この記事は最終更新日から 3 年以上が経過しており、内容が古くなっている可能性があります。

現在 1 ドメイン契約中のムームードメインから期間限定格安クーポンのメールが届いたのでこれ幸いと新規ドメインを購入し、1 回デプロイしたきり放置していた netlify のサイトに設定した。

Netlify 側

管理画面 > Sites > Site overview から Domain Settings をクリックする。

Netlify 1

Custom domains の項の Add custom domain をクリックして進む。

Netlify 2

取得したドメインを追加する。

Netlify 3

Custom domain に www あり・なしの 2 つのドメインが追加される。

Netlify 4

同ページ https の項目は「DNS の浸透待ち」となっている(サイトの https 化は DNS 浸透後に自動で行われる)。

Netlify 5

追加されたドメインの横の「Check DNS configuration」をクリックすると、

Netlify 6

www なし

hoge.com. ALIAS hoge.netlify.com.
hoge.com. A 104.198.14.52

www あり

hoge.com. CNAME hoge.netlify.com.

とあるので、これをムームードメインに登録する。

ムームードメイン側(ムームー DNS を使用)

ムームードメインの設定でムームー DNS が選択されていない場合は、「ネームサーバー設定変更」から「ムームードメインのネームサーバ(ムームー DNS)を使用する」を選択し、変更ボタンで確定する。

muumuu domain 1

ムームー DNS > ムームー DNS のセットアップ情報変更画面から「変更」ボタンをクリック

muumuu domain 2

muumuu domain 3

カスタム設定のセットアップ情報変更の「設定 2」で netlify 側の情報を入力する。

muumuu domain 4

サブドメイン「なし」 種別ALIAS 内容hoge.netlify.com
サブドメイン「なし」 種別A 内容104.198.14.52
サブドメインwww 種別CNAME 内容hoge.netlify.com

セットアップ情報変更ボタンで確定する。

muumuu domain 5

DNS が浸透すると、ドメイン横にあった「Check DNS configuration」リンクが消え、サイトの https 化も完了する。

muumuu domain 6

ムームードメイン側(GMO ペパボ以外のネームサーバを使用)※推奨

これでドメインの問題は解決できるが、ネームサーバーでALIAS A CNAMEを設定していると、netlify CDN(netlify の高速コンテンツ配信サービス)の恩恵に与れない。そこで、先ほどの設定から netlify DNS に変更する。

ドメイン横の Netlify DNS ボタンをクリック

muumuu domain 7

Dns Setting の Name Server の項に以下の形式のアドレスが 4 つ載っているので、

dns1.p0x.nsone.net
dns2.p0x.nsone.net
dns3.p0x.nsone.net
dns4.p0x.nsone.net

ムームードメインの「ネームサーバー設定変更」の「GMO ペパボ以外のネームサーバを使用する」の項を選択して入力、「ネームサーバ設定変更」で確定する。

muumuu domain 8

年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─

補足

netlify では www 付きアドレスの方を推奨しているので、www なしがプライマリーアドレスになっている場合は www の方に変更しておく。

Netlify 7

参考ページ

☕コーヒーをおごる

Buy Me A Coffee

このブログについて

コーディングやWeb関連技術の記事と、買い物など日々のメモから成り立っています。 →少しだけ詳しく

広告