はじめに
Netlifyは無料のホスティングサービスです。
ここにお名前.comで取得したドメインを設定します。
そして今回は「○○○○.com」「www.○○○○.com」のドメインを対象とします。
前提
すでにNetlifyで発行されたURLがあることを前提とします。
そして、お名前.comで取得済みのドメインがあることも前提です。
Netlify側の設定
「Domain Management」を開く
https://app.netlify.com/sites/********/settings/domain
Netlifyの設定画面から、「Domain Management」をクリックします。「Add domain alias」をクリック&入力
「Add domain alias」をクリックして、独自ドメイン(Primary、サブドメインではなくメインのドメイン)を入力します。
「alias」とは別名のこと。Netlifyの既定のドメインの別名を登録するということです。
入力が終わったら、「Save」します。追加されたドメインの「Set up Netlify DNS」をクリック ドメインの横の「...」をクリックすると、メニューが出てきます。
「Set up Netlify DNS」をクリックして先に進みます。Netlify DNSの設定を行う
お名前.comで取得した場合、DNS(Domain Name Server、ドメインの問い合わせ先)はお名前.comのDNSになっているはずです。
これをNetlify DNSに担当を移します。 「Velify」をクリックします。このドメインはあなたがオーナーですか?と聞かれる
問題なければ、「Yes, add domain」をクリックします。DNSレコードの追加についてはオプションです
ここは今回設定しないので、「Continue」で先に行きます。ネームサーバーが提示される
これを、ドメインを取得したプロバイダ(今回はお名前.com)側に設定することになります。
お名前.com側の設定
「ネームサーバーの設定」画面へ
ここに、先程表示された4つのネームサーバーを入れて、登録を行います。問題なければ「設定する」
お待ちください
時間がかかりますので、そのまま待ちます。
お申し込み完了
ここに書かれている通り、「お手続きを受付」した状態です。
このあと飛んでくるメールにも書かれている通り、環境によっては24~72時間かかる場合があります。
設定が終わったら
登録したドメインでアクセスして、無事Netlifyのサイトに飛べば、無事作業完了です。
Let's Encrypt によるhttps化もされています。便利!
終わりに
画像を貼るとステップが多そうですが、やることは多くありません。
問い合わせ先のネームサーバーを指定してあげることで、あとはNetlifyがうまくやってくれます。
便利ですね。
静的なページならNetlifyを使わない手はありませんので、ぜひご利用してはいかがでしょうか。
以上でした!