Render.comでデプロイしたwebアプリケーションに独自ドメインを当てる

やりたいこと

Render.comでデプロイしたWebアプリケーションに独自ドメインを当てたい

前提

• Render.comとは

  • 作成したWebアプリケーションをインターネット上で公開する(デプロイする)ためのサービス

• Renderの特徴

  • 比較的シンプルにデプロイできる。徐々に日本語で解説する記事も増えてきている。
  • 比較的シンプルに運用できる。アプリの利用者が増えたとしても、簡単にサーバのスペックを上げたりすることで対応可能。
  • データベースも一緒に設定できる

• 状況

  • 今回、Render.comでデプロイしたサービスがある。
  • デフォルトだと、hoge.onrender.comとドメインが与えられる。
    • hogeの部分は自由に設定可能
  • ここに、独自ドメインを当てたい。
  • 当てる独自ドメインは、「ムームードメイン」で取得している

1.ドメインの当て方を確認する

デプロイについて、Render.com公式のドキュメントを確認する。

すると、「dashboard」→ 「settings」と進んで下にスクロールした先に「Custom Domains」の設定項目を発見。最初は以下のように表示されている。

2.ムームードメインの方の設定を行う

ドメインはムームードメインで取得している。
ダッシュボードより「ムームーDNSカスタム設定」という項目を選択すると、「Aレコード」にIPアドレスを設定できる。

(画像なし)

ここに、Render.comのSettingsの「Custom Domains」で確認できるIPアドレスを設定する。

そして、変更を保存。

3.Render.com側で「Verify」ボタンを押す

再びRender.comの「Custom Domains」に戻り、「example.com」の方に表示されている「Verify」ボタンを押す。

4.ドメインが反映されるまでしばらく待つ

すぐにはドメインは反映されない。30 ~ 1時間程度経ったあたりで設定したドメインにアクセスしたところ、無事サイトに繋がった。

その後、表示は以下のように変わった。