脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

Adaloでカスタムドメインを設定(お名前ドットコム利用)|初心者のアプリ開発

f:id:yuka-edu:20210623200132p:plain

満足のいくアプリケーションが出来上がったら、いよいよリリースですね!

Adaloではカスタムドメインが使えるとのことですが、一体どうやって設定するのかわからなかったので、調べてみました〜

色々と苦労したのですが、最終的に設定できたので、設定方法をご紹介します。

 

この記事を読むとわかること・・・

・Adaloのカスタムドメイン設定方法

  

前提事項

ドメインの取得は別途必要です。

私はお名前.comでドメインを取得しました。

ドメイン取るならお名前.com|ドメイン取得は最安値1円~

 

カスタムドメイン設定は有料プランのみ可能となります。

 

yuka-edu.hatenablog.com

 

ドメインの設定(お名前ドットコムの例)

Step1
  1. 画面右上よりお名前.com Navi ログイン

f:id:yuka-edu:20210623174754p:plain

Step2
  1. 画面上部の「ドメイン」を選択
  2. ドメイン機能一覧」を選択

f:id:yuka-edu:20210623175916p:plain

Step3
  1. ポップアップが出たら「更新画面から移動する」を選択

f:id:yuka-edu:20210623180039p:plain

Step4
  1. ネームサーバー設定>DNS関連機能の設定を選択

f:id:yuka-edu:20210623180114p:plain

Step5
  1. 購入したドメインを選択
  2. 次へを選択

f:id:yuka-edu:20210623180309p:plain

Step6
  1. DNSレコード設定を利用する の [設定する] を選択

f:id:yuka-edu:20210623180436p:plain

Step7
  1. 以下編集をして右側の追加を選択
  • ホスト名:www
  • TYPE:CNAME
  • TTL:変更なし
  • VALUE:hosting.adalo.com

f:id:yuka-edu:20210623180728p:plain

これでドメイン側の設定が終わりました〜!

続いてAdalo側の設定へ向かいましょう!

Adaloの設定

Step1
  1. 画面左のチェックマークを選択
  2. Domain の Add Domain を選択

f:id:yuka-edu:20210623181257p:plain

Step2
  1. Add Custom Domain を編集(お名前.comで設定済み)
  2. ADD を選択

f:id:yuka-edu:20210623193753p:plain

Step3
  1. TEST SETUPを選択

f:id:yuka-edu:20210623193825p:plain

Step4

接続が成功するとSuccess! と表示されます。

ドメインを取得してすぐに設定をすると成功しない場合があります。

サーバとセット購入した場合も上手くいかない場合があるそうです。

▶︎ドメイン取るならお名前.com

  1. FINISH ADDING DOMAIN を選択

f:id:yuka-edu:20210623193839p:plain

Step5
  1. 更新マークを選択

これを押すことで、SSL証明書がリフレッシュされ、Adaloに接続した時のセキュリティエラーにならないです。

f:id:yuka-edu:20210623195147p:plain

まとめ

Webの知識が無いので、ドメイン設定苦労しました!

でも、これで無事カスタムドメインを設定できました〜! 

Adaloでアプリを作り始めたときは最後の公開までたどり着けるのか疑問でしたが、無事にアプリを公開できました〜!いえーい!

私の経験があなたのお役に立てば嬉しいです。