HRR Co., Ltd.

技術的な記録を残していくことを目的としています。1次情報を大事にしています。

お名前.comで取得した独自ドメイン(Primary)をNetlifyに設定

はじめに

Netlifyは無料のホスティングサービスです。
ここにお名前.comで取得したドメインを設定します。
そして今回は「○○○○.com」「www.○○○○.com」のドメインを対象とします。

前提

すでにNetlifyで発行されたURLがあることを前提とします。
そして、お名前.comで取得済みのドメインがあることも前提です。

Netlify側の設定

  1. 「Domain Management」を開く
    https://app.netlify.com/sites/********/settings/domain
    Netlifyの設定画面から、「Domain Management」をクリックします。

  2. 「Add domain alias」をクリック&入力
    「Add domain alias」をクリックして、独自ドメイン(Primary、サブドメインではなくメインのドメイン)を入力します。
    「alias」とは別名のこと。Netlifyの既定のドメインの別名を登録するということです。
    f:id:hrroct:20200223201653p:plain
    入力が終わったら、「Save」します。

  3. 追加されたドメインの「Set up Netlify DNS」をクリック f:id:hrroct:20200301202702p:plain ドメインの横の「...」をクリックすると、メニューが出てきます。
    「Set up Netlify DNS」をクリックして先に進みます。

  4. Netlify DNSの設定を行う
    お名前.comで取得した場合、DNS(Domain Name Server、ドメインの問い合わせ先)はお名前.comのDNSになっているはずです。
    これをNetlify DNSに担当を移します。 f:id:hrroct:20200301202706p:plain 「Velify」をクリックします。

  5. このドメインはあなたがオーナーですか?と聞かれる
    f:id:hrroct:20200301202710p:plain
    問題なければ、「Yes, add domain」をクリックします。

  6. DNSレコードの追加についてはオプションです f:id:hrroct:20200301202714p:plain
    ここは今回設定しないので、「Continue」で先に行きます。

  7. ネームサーバーが提示される
    f:id:hrroct:20200301202718p:plain
    これを、ドメインを取得したプロバイダ(今回はお名前.com)側に設定することになります。

お名前.com側の設定

  1. 「ネームサーバーの設定」画面へ f:id:hrroct:20200301202723p:plain
    ここに、先程表示された4つのネームサーバーを入れて、登録を行います。

  2. 問題なければ「設定する」
    f:id:hrroct:20200301202727p:plain

  3. お待ちください
    時間がかかりますので、そのまま待ちます。
    f:id:hrroct:20200301202730p:plain

  4. お申し込み完了
    f:id:hrroct:20200301202734p:plain
    ここに書かれている通り、「お手続きを受付」した状態です。
    このあと飛んでくるメールにも書かれている通り、環境によっては24~72時間かかる場合があります。

設定が終わったら

登録したドメインでアクセスして、無事Netlifyのサイトに飛べば、無事作業完了です。
Let's Encrypt によるhttps化もされています。便利!

終わりに

画像を貼るとステップが多そうですが、やることは多くありません。
問い合わせ先のネームサーバーを指定してあげることで、あとはNetlifyがうまくやってくれます。
便利ですね。
静的なページならNetlifyを使わない手はありませんので、ぜひご利用してはいかがでしょうか。

以上でした!