Medium 커스텀 도메인 연결하기

expressinstantboom 및 Cloudflare proxy 사용

2020.11.01.
이 방법은 다른 medium 사용자 또한 자신의 도메인으로 접속이 가능한 문제가 있어 추천하지 않습니다. 최근 이 문제로 저작권 관련 medium이 블록 당했기 때문에 조만간 관련 글을 작성하겠습니다.

커스텀 도메인을 연결하기 까지…

처음 Medium을 접했을 당시 커스텀 도메인 연결이 잠시 중단되었던 상태고, 추후 일회성으로 9만 원을 받는 것으로 바뀌더니 1년 뒤 완전히 폐지되었습니다. Medium으로 이사했을 당시 관련 내용을 쓰기도 했습니다.

Medium으로 이사한 이유

Cloudflare의 Page rules를 이용해 포트 포워딩 개념으로 사용하다가 최근 Notion(노션)을 Cloudflare workers를 이용해 연결하는 것을 보고 관련 코드를 짜깁기하다 보안 문제로 막히는(?) 것을 보고 포기했었는데 최근에 Medium을 완벽하게 연결할 수 있는 서비스를 발견했습니다.

Cloudflare의 Page Rules를 통해 포워딩을 사용했던 모습

Cloudflare의 Workers에서 뭔지도 모르는 Notion 연결 스크립트 짜깁기 하다 메인까진 성공했으나, 안의 링크 클릭 시 보안 오류가 떠서 실패

이제 시작해 볼까요?

Medium에 연결하고자 하는 도메인이 Cloudflare에 추가(연결)가 되어 있는 것을 기반으로 설명을 진행하겠습니다. 정말 과정이 단순하고 쉬우므로 3분이면 바로 적용할 수 있습니다.

1. expressinstantboom 접속하기

Do It을 누르거나, 아래로 스크롤 해주세요.

우선 expressinstantboom.com/medium에 접속합니다. (꼭 뒤에 /medium이 붙여서 접속해야 합니다. 메인 도메인에선 설정을 연결하는 링크나 메뉴가 없습니다.)

2. Medium Publication 주소 입력하기

1번 화면에서 DO IT 버튼을 누르거나 아래로 스크롤 하면 Medium Publication 주소를 입력하는 input box가 나타납니다. Publication을 등록하지 않았다면 medium에서 등록해 주시고 예시에 따라 입력하신 후 NEXT를 눌러주세요.

3. 연결하고자 할 Custom domain 입력

Medium Publication이 존재한다면 확인되었다는 토스트 알림과 함께 연결할 도메인을 입력하는 폼이 나옵니다. 연결할 도메인 주소를 입력해 주세요.

저는 2차 도메인(서브도메인)을 입력했으나, 단일 도메인으로 사용하실 분은 1차 도메인(메인 주소)을 입력하시면 됩니다.

4. CNAME 등록하기

연결할 Custom domain의 CNAME을 expresshacks.com으로 설정해 줘야 합니다.

Cloudflare에서 해당 CNAME을 입력한 뒤 꼭 Proxied를 설정해 줍니다. CNAME 연결은 타 서비스에서도 가능하나 이 기능을 사용하기 위해 Cloudflare 기준으로 설명을 해드린 것이며 바로 뒤에 그 이유를 알 수 있습니다.

구름아이콘을 선택해 활성화 해주세요.

5. 연결 완료

CNAME 갱신이 안되어도 걱정하지 마세요.

CNAME 확인을 못 했다는 Alert가 나타나지만 무시해도 됩니다. 원래 DNS 변경 시 퍼지는 데 시간이 걸리니까요. 1~2분 정도 후 새로 고침 하거나 시크릿 모드를 통해 연결할 도메인으로 접속하면 적용된 모습을 볼 수 있습니다.

좀 더 스크롤 하면 아래에 바로 $19를 내고 SSL 적용을 하겠느냐는 메시지가 나오는데, 우리는 4번에서 구름 모양의 Proxied를 활성화했으므로 No, Thank you를 눌러주면 됩니다.

가볍게 No, Thank you를 눌러줍니다.

Cloudflare Proxy를 통하면 자동으로 SSL이 적용되기 때문에 굳이 $19를 낼 필요가 없습니다.

SSL이 적용되어 있지 않으면 아래와 같은 화면이 보입니다.

좌: https://를 붙여 접속했을 경우 | 우: http://로 접속시 주의 요함이 나타남

저는 기존에 포트 포워딩을 사용했고 이때 https:// (보안 접속)을 적용했기 때문에 lab.dongri.me을 입력하면 자동으로 https://가 붙으며 위와 같은 오류가 나타납니다.

비보 안으로 접속할 때는 주소창 왼쪽에 주의 요함이라고 나타나며 우리가 중요 내용을 통신하는 것이 아니므로 문제가 될 것은 없지만, 사이트를 이용하는 사람들에게 안 좋게 보일 수 있으므로 Cloudflare의 Proxy를 통해 SSL(실제 보안 효과는 없다 하더라도)을 적용해 주는 것이 좋습니다.

적용이 잘 되는지 확인해 보기

이제 도메인이 잘 연결되는지 확인해 봅니다. 페이지 내의 링크가 *.medium.com/* 이 아닌 제 도메인으로 되어 있고, 클릭·이동해도 커스텀 도메인 기반으로 제대로 작동합니다.

도메인이 제대로 연결되었는지 확인해봅니다.

내부 링크도 잘 바뀌었습니다.

Cloudflare Business 플랜 이상 사용해야 국내 엣지를 거치기 때문에 속도가 느릴까 봐 걱정했지만, 괜찮은 속도로 잘 나와줘서 만족합니다.

RSS Feed까지 적용되지 않는 점은 아쉽지만, 그래도 커스텀 도메인 연결을 통해 자신만의 브랜딩을 표출할 수 있게 되어서 좋은 것 같습니다.

서비스가 사라지지 않고 오래오래 있어 줬으면 좋겠습니다. (Medium에서 자체 기능을 공식 제공해 주는 게 가장 좋겠지만요!)