Netlify 하위 도메인에 Heroku 백엔드를 배포하는 방법

내 기본 도메인mokkapps.de에 내 개인 포트폴리오 웹사이트를 배포했습니다. 다른 사용 사례의 경우 Node.js backend을 하위 도메인에 배포하고 싶습니다. api.mokkapps.de .

이 블로그 게시물에서는 Heroku 애플리케이션을 Netlify 하위 도메인에 배포하는 방법을 설명합니다.

도메인이란 무엇입니까?

Domain names provide a human-readable address for any web server available on the Internet and are a key part of the Internet infrastructure. You can reach any computer which is connected to the Internet through a public IP address. This IP can either be an IPv6 address (e.g. 2001:0DB8:0000:0001:0000:0000:0010:01FF ), or an IPv4 address (e.g. 174.195.122.45 )

It is no problem for computers to handle such addresses, but we humans struggle to find out what service the website offers or who’s running the server. For us, it is hard to remember IP addresses, and they also might change over time.

All those problems are solved by domain names, like mokkapps.de 내 경우.

하위 도메인이란 무엇입니까?

A subdomain is a domain that is part of a larger domain. An example:

Root domain: www.mokkapps.de

Subdomain: api.mokkapps.de

Why should you host projects on subdomains? I see two main advantages:

  1. You are more flexible by using a different technology stack on your subdomain
  2. Code can be in a different Git repository which can help to separate concerns

Heroku 구성

I wanted to deploy a Node.js backend to Heroku 그리고 official tutorial 을 따라 애플리케이션을 설정합니다.

다음 단계는 Settings 탭의 Heroku 대시보드에서 새 하위 도메인을 구성하는 것입니다.



보시다시피 저는 이미 하위 도메인api.mokkapps.de을 추가했으며 Add domain 버튼을 눌러 새 도메인을 추가할 수 있습니다.

모든 기본appname.herokuapp.com 도메인은 이미 SSL이 활성화되어 있으며 HTTPS를 사용하여 액세스할 수 있습니다(예: https://appname.herokuapp.com ). 사용자 지정 도메인에서 SSL을 활성화하려면 유료 추가 서비스인 SSL Endpoint 추가 기능을 사용해야 합니다.

Netlify 구성

As a final step, we need to configure our root domain DNS provider (Netlify) to point to the DNS Target (the Node.js backend deployed via Heroku) shown in the Heroku dashboard .

먼저 Netlify DNS 설정으로 이동하여 새 레코드를 추가해야 합니다.



마지막으로 이제 http://api.mokkapps.de를 통해 Node.js 백엔드에 액세스할 수 있습니다.

결론

It is quite easy to configure a Heroku application to be accessible via a Netlify subdomain. The only drawback is that SSL for the Heroku custom domain is a paid add-on.

If you do not pay for the SSL endpoint you will not be able to trigger HTTP requests from your root domain to your custom subdomain as these requests are blocked by CORS .

웹 사이트에서 HTTPS 페이지를 제공하는 경우 이러한 페이지에서 HTTP를 통해 제공되는 모든 활성 혼합 콘텐츠는 기본적으로 차단됩니다. 혼합 콘텐츠 차단을 피하는 최선의 전략은 모든 콘텐츠를 HTTP 대신 HTTPS로 제공하는 것이므로 Heroku SSL 끝점에 비용을 지불하는 것이 합리적입니다.

좋은 웹페이지 즐겨찾기