tag:crieit.net,2005:https://crieit.net/tags/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3/feed Crieitでタグ「ドメイン」に投稿された最近の記事 2021-08-29T20:33:47+09:00 https://crieit.net/tags/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3/feed tag:crieit.net,2005:PublicArticle/17625 2021-08-29T20:31:13+09:00 2021-08-29T20:33:47+09:00 https://crieit.net/posts/vercel-setting-subdmain-20210829 <p><a href="https://crieit.net/posts/gatsby-vercel-microcms-cooprate-20210829-2">Gatsby.js + Vercel + microCMS の JAMStack 環境のサイト</a>の仕上げとして、独自ドメインのサブドメインを割り当てます。</p> <h2 id="Vercel の設定"><a href="#Vercel+%E3%81%AE%E8%A8%AD%E5%AE%9A">Vercel の設定</a></h2> <p><a href="https://crieit.now.sh/upload_images/6c8fefbc8da18037c3d877db75358c4f612b6f437ef97.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/6c8fefbc8da18037c3d877db75358c4f612b6f437ef97.jpg?mw=700" alt="Vercel のプロジェクトで「Settings」→「Domains」" /></a></p> <p>Vercel のプロジェクトで「Settings」→「Domains」と進みます。</p> <p>ここで割り当てたいドメインを入力して「Add」。</p> <p><a href="https://crieit.now.sh/upload_images/ca03daca645df58ed6024033974b91a2612b6f5218cf6.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ca03daca645df58ed6024033974b91a2612b6f5218cf6.jpg?mw=700" alt="Invalid Configuration" /></a></p> <p>いったん Invalid Configuration と怒られますがひとまず保留。</p> <h2 id="ドメイン管理側サービスの設定"><a href="#%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E7%AE%A1%E7%90%86%E5%81%B4%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%AE%E8%A8%AD%E5%AE%9A">ドメイン管理側サービスの設定</a></h2> <p>詳細部に書かれている <code>cname.vercel-dns.com</code> を CNAMEレコード として設定します。</p> <p><a href="https://crieit.now.sh/upload_images/074794efb552d4b7a428f7507a00f060612b6f5be2f85.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/074794efb552d4b7a428f7507a00f060612b6f5be2f85.jpg?mw=700" alt="ドメイン管理側のサービスで指示通りの CNAMEレコード を設定" /></a></p> <p>ドメイン管理側のサービスで指示通りの CNAMEレコード を設定します。これで DNS権威サーバ の設定が書き変わります。</p> <h2 id="DNSキャッシュサーバ への設定反映を確認"><a href="#DNS%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5%E3%82%B5%E3%83%BC%E3%83%90+%E3%81%B8%E3%81%AE%E8%A8%AD%E5%AE%9A%E5%8F%8D%E6%98%A0%E3%82%92%E7%A2%BA%E8%AA%8D">DNSキャッシュサーバ への設定反映を確認</a></h2> <p>これで30分くらい待ち、 DNSキャッシュサーバ 権威サーバの設定が反映されるのを確かめます。</p> <pre><code class="bash">> nslookup ## 略 > server 8.8.8.8 ## 略 > hogehoge.exmaple.jp サーバー: dns.google Address: 8.8.8.8 権限のない回答: 名前: hogehoge.exmaple.jp Address: 192.0.2.1 </code></pre> <p>まだですね……。</p> <pre><code class="bash">> hogehoge.exmaple.jp サーバー: dns.google Address: 8.8.8.8 権限のない回答: 名前: cname.vercel-dns.com Address: 76.76.21.21 Aliases: hogehoge.exmaple.jp </code></pre> <p>お、来ました。</p> <p><a href="https://crieit.now.sh/upload_images/c62ed7cbbbf12c4277c84f0a50ae0443612b6f654d637.jpg" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/c62ed7cbbbf12c4277c84f0a50ae0443612b6f654d637.jpg?mw=700" alt="Vercel の設定画面もクリア" /></a></p> <p>Vercel の設定画面でもクリアになりました。</p> <p>これで指定したサブドメインにアクセスすると、確かにデフォルトの <code>vercel.app</code> と同じサイトにアクセスできることが確認できました。</p> <p>割り当て成功です。</p> <p>ちなみに、今回はドメイン管理側のサービスで <code>*.exmaple.jp IN A 192.0.2.1</code> という感じのサブドメインのワイルドカード指定の Aレコード が存在していたのでそれが邪魔しないか気がかりでしたが、大丈夫のようです。</p> <h2 id="参考"><a href="#%E5%8F%82%E8%80%83">参考</a></h2> <ul> <li><a target="_blank" rel="nofollow noopener" href="https://dev.classmethod.jp/articles/vercel-custom-domain-route53/">VercelでホスティングしているサイトにRoute53で取得したドメインをサブドメインとして設定する | DevelopersIO</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/takaken/items/530d19a549a730c15fcd">VercelのサイトにVercel以外のDNSで管理しているドメインのサブドメインを設定する - Qiita</a></li> <li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/BlackMagician/items/48923a766f101425a677">Next.jsアプリをVercelで公開して、独自ドメインに反映する - Qiita</a></li> </ul> arm-band