Heroku 앱용 HTTPS로 사용자 지정 도메인 설정

Heroku 앱이 있고 HTTPS가 활성화된 멋진 도메인으로 공개하고 싶습니까?

Heroku에서 멋진 다음 프로젝트를 위해 HTTPS를 설정하는 데 도움이 되도록 이 목록을 편집했습니다.

지난달에 이 작업을 몇 번 수행해야 했기 때문에 이 가이드는 제가 직접 작성한 가이드의 확장 버전입니다. 😬

1 단계.

도메인을 구입하세요.

2 단계.

Heroku 콘솔에 로그인합니다.

$ heroku login
heroku: Press any key to open up the browser to login or q to exit:
Opening browser to https://cli-auth.heroku.com/auth/browser/f34512meow-d14c-11c0-bafd-f12ff3d2499d
Logging in... done
Logged in as [email protected]

3단계.

Heroku 앱에 사용자 지정 도메인을 할당합니다.

$ heroku domains:add -a my-heroku-app my-heroku-app.akoskm.com
Adding my-heroku-app.akoskm.com to ⬢ my-heroku-app... done
 ▸    Configure your app's DNS provider to point to the DNS Target cute-cats-puivs2izaopsep1mcu2ae3m8li.herokudns.com.
 ▸    For help, see https://devcenter.heroku.com/articles/custom-domains

The domain my-heroku-app.akoskm.com has been enqueued for addition
 ▸    Run heroku domains:wait 'my-heroku-app.akoskm.com' to wait for completion

4단계.

도메인을 구입한 곳마다 CNAME 항목을 추가할 수 있는 DNS 편집기가 있어야 합니다. DNS 편집기의 이름은 다를 수 있지만 다음은 채워야 하는 항목입니다.

Zone name: my-heroku-app.akoskm.com
Fully qualified domain name: cute-cats-puivs2izaopsep1mcu2ae3m8li.herokudns.com. <- should be the DNS Target heroku domains:add gave you
Type: CNAME (this is usually prefilled if your DNS editor is smart enough)
TTL: 14400 (mine says 14400, that's the default)

CPanel을 DNS 편집기로 사용하는 경우 다음과 같이 표시됩니다.



이 시점에서 http://my-heroku-app.akoskm.com으로 이동하여 Heroku 앱을 볼 수 있어야 합니다.
이 시점에서 HTTPS 액세스가 작동하지 않아야 합니다.

5단계.

이제 SSL을 추가할 차례입니다. 앱에 대해 automated certificate management이 활성화되어 있는지 확인합니다.

$ heroku certs:auto -a my-heroku-app
=== Automatic Certificate Management is disabled on my-heroku-app

아직 활성화되지 않은 경우 활성화해야 합니다.

$ heroku certs:auto:enable -a my-heroku-app
Enabling Automatic Certificate Management... starting. See status with heroku certs:auto or wait until active with heroku certs:auto:wait
=== Your certificate will now be managed by Heroku.  Check the status by running heroku certs:auto.

상태를 확인하면 다음과 같이 표시되어야 합니다.

$ heroku certs:auto -a my-heroku-app
=== Automatic Certificate Management is enabled on my-heroku-app

Certificate details:
Common Name(s): my-heroku-app.akoskm.com
Expires At:     2019-12-09 07:19 UTC
Issuer:         /C=US/O=Let's Encrypt/CN=Let's Encrypt Authority X3
Starts At:      2019-09-10 07:19 UTC
Subject:        /CN=my-heroku-app.akoskm.com
SSL certificate is verified by a root authority.

Domain              Status       Last Updated
──────────────────  ───────────  ──────────────────
my-heroku-app.akoskm.com  Cert issued  less than a minute

https://my-heroku-app.akoskm.com은 이 시점에서 액세스할 수 있어야 합니다.

이 작은 가이드가 당신의 시간을 절약해주기를 바랍니다! 유용하다고 생각되면 다른 사람들과 공유하십시오. 고맙습니다!

원천:

Heroku Dev Center: Custom Domain Names for Apps

Heroku Dev Center: Automated Certificate Management

Pexels의 panumas nikhomkhai 님의 표지 사진