メインコンテンツまでスキップ

KurocoFrontで独自ドメインを利用する手順

KurocoFrontへ独自ドメインを適用する方法を紹介します。
独自ドメインを適用するには、そのドメインに対してDNSレコードを設定する権限が必要になります。 また、TLS証明書の設定までが必須でTLS証明書の持ち込みはできません。

独自ドメイン利用手順

1. 独自ドメインを入力

[環境設定] -> [独自ドメイン/TLS証明書]をクリックし、「独自ドメイン」のテキストフィールドに利用するドメインを入力します。

ヒント

最後尾にスラッシュやディレクトリなどは必要ありません。

Image from Gyazo

入力後、「追加する」ボタンをクリックします。

Image from Gyazo

要注意

独自ドメインは一度追加すると変更ができません。間違って入力してしまった場合は、サポート宛にご連絡をお願いいたします。
フォームより問い合わせをする

暫くすると、以下のように設定するべきDNSレコードが表示されます。
Image from Gyazo

2. DNSレコードの設定

次にDNSレコードの設定をします。
表示されている内容に従い、CNAME、Aレコードを設定してください。
Image from Gyazo

参考) DNSレコードの設定は取得したドメイン会社により異なります。詳細な設定方法は取得したドメイン会社にてご確認ください。

DNSレコードをセットすると以下のようにOKが表示されます。
Image from Gyazo

ヒント

DNSレコードの反映およびステータスの更新には時間がかかることがあります。OKが表示されない場合は、時間を置いてから「リロードする」ボタンを押して確認してください。

備考

独自ドメイン/TLS証明書 の ドメイン所有権の確認 は、dns.google.com を利用してDNSレコードの確認を行っています。
下記の画面から DNSレコードのキャッシュのクリアが出来るので、お急ぎの場合はこちらをお試しいただくと早く更新されることがあります。
https://developers.google.com/speed/public-dns/cache?hl=ja

Doman Name:_acme-challenge.CUSTOM_DOMAIN
RR Type:CNAME

3. フロントエンドドメインの変更

次にフロントエンドドメインを独自ドメインに変更します。
[環境設定] -> [アカウント設定]をクリックし、アカウント設定画面を表示します。
Image from Gyazo

「フロントエンドドメイン」に設定した独自ドメインが表示されるので、チェックを入れ「更新する」をクリックします。
Image from Gyazo

Image from Gyazo

これで独自ドメインが利用できるようになりました。 左サイドバーの[サイトを表示]をクリックすると独自ドメインが適応されたサイトを表示します。
Image from Gyazo

ヒント

TLS証明書がCDNに反映し終わるまで、10数分程度かかる場合があります。

4. YAMLファイルの修正

KurocoFrontを利用していてYAMLファイルを作成している場合、YAMLファイルの修正が必要となります。

[KurocoFront] -> [GitHub]をクリックします。

Image from Gyazo

「リポジトリ」の「GitHub Actions workflow file フロントエンド ドメイン」の内容を確認します。
Image from Gyazo

webhookの箇所にドメインの記載箇所があり、こちらが独自ドメインに変更されています。
Image from Gyazo

fetched from Gyazo ご自分のYAMLファイル内のdomainの箇所を、設定した独自ドメインに修正してください。
なお、YAMLファイル内にdomainの指定設定は2箇所あります。2箇所修正をお願いします。

ヒント

KurocoFrontの設定方法は、GitHubからKurocoFrontへソースをデプロイする方法を参考に設定してください。

関連ドキュメント

独自ドメイン設定がうまくできない場合、下記をご確認ください。

独自APIドメインの設定方法は下記をご確認ください。

wwwなしからのリダイレクト設定は下記をご確認ください。


サポート

お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。