【簡単】Vercelにデプロイしたアプリを取得済みドメインのサブドメインで公開する方法（cPanel）
こんにちは、やまだゆうです。
先日Webアプリを開発してVercelにデプロイしました。
そのままだと〜.vercel.appのドメインでカッコがつかないなぁと思ったので、すでに持っている独自ドメインからサブドメインを作って公開したいなと考えました。
というわけで今回は、備忘録を兼ねて実際にやった手順を共有します！
この記事が役に立つ人
- 自分専用ドメインでWebアプリを公開したい人
- オリジナルアプリをポートフォリオとして公開したい人
目次
スポンサーリンク
前提
- 独自ドメインを取得済みであること
- cPanelで操作すること
昔mixhostのレンタルサーバーを契約した時にドメインを取得しており、またサーバー管理画面がcPanelだったので今回紹介する方法でWebアプリをサブドメインで公開することにしました。
Vercel側での操作
まずはVercelで操作をします。
アプリをデプロイしているプロジェクトのSettingsからDomains > Add Existing ボタンをクリックします。
入力画面で使用したい独自ドメインのサブドメインを入力します。
入力が完了するとドメイン一覧に戻ります。
現時点では「Invalid Configuration」という警告が出ますがこのあとのcPanel側での操作をすれば解消されます。
画面中央に表示されているCNAMEのValue「〜.vercel-dns-017.com.」をコピーしておきましょう。
スポンサーリンク
cPanelでの操作
cPanelを開きます。
メニューの中からドメイン> ゾーンエディター をクリックします。
サブドメインを作りたいドメインのレコードでCNAME 記録ボタンをクリックします。
名前にサブドメイン、CNAMEに先ほどコピーしたCNAMEを入力します。
CNAME 記録を追加をクリックして正常に完了すると、成功ダイアログが出ます。
再びVercelでの操作
もうすぐで完了です。
Vercelに戻ってドメイン一覧で先ほど作成したサブドメインのレコードのRefresh ボタンをクリックします。
「Generating SSL Certificate」のステータスが出るのでしばらく待ちましょう。
5分くらい待つと「Valid Configulation」ステータスになります。
これでVercelにデプロイしたアプリをサブドメインで公開できました！
yamaday0uを応援お願いします！あなたの１クリックが励みになります。
>> にほんブログ村