[Cloudflare] 무료플랜으로 Pages에 개인도메인 설정하기

필자가 하고 싶었던 것은 아래와 같습니다.

• Cloudflare 무료플랜을 사용
• Pages 에 이미 가지고 있는 개인 도메인을 사용

이 두조건으로 블로그나 기타 자료를 찾는데 솔직히 내게 맞는 내용이 별로 없었네요. 그래서 직접 관련 내용을 기술하였습니다.

 

1. 전제 사항

• 소유한 개인도메인이 있어야 함.
• Cloudflare에 서비스 되고 있는 Pages가 있어야함.

2. 도메인 연결하기

이미 가지고 있는 도메인이 있으므로 [도메인 연결]을 선택한다.

소유하고 있지 않은 경우는 [도메인 등록]을 선택하여 Cloudflare 에서 도메인을 구입할 수 도 있다.

이번 스탭에서는 신규로 도메인을 구매하는 방법은 언급하지 않는다.

2.1. 도메인 연결

• 연결할 도메인을 입력하고 [계속] 버튼을 클릭

• 다음화면에서 갑자기 요금제를 선택하라고 한다.
• 처음에는 완전 당황함. 무료플랜으로 도메인 연결이 안되나 하고 고민하였으나, 여기서는 Free 요금제를 선택한다.

• 등록된 마지막 단계의 정보가 보여진다.

• 3번 사항은 직접 작업을 해야한다. 도메인을 구매한 업체의 사이트에서 네임서버를 변경해야 함.

kareem.ns.cloudflare.com
zariyah.ns.cloudflare.com

 

• 등록작업이 완료되면 메일이 온다고 하니 메일 받고 이후 작업을 해야 함. (5분 ~ 20분 정도 걸리는 것 같음)

3. Pages에 도메인 설정

• 컴퓨팅 및 AI > Workers 및 Pages > 사용자 설정 도메인 으로 이동

• [사용자 설정 도메인 설정] 버튼 클릭

• 신규로 등록한 도메인을 입력후 [계속] 클릭

• [DNS 전송 시작] 버튼 클릭후 다음화면이 안나오면, Cloudflare에서 도메인 작업이 마무리가 안된것이다.
• 기다릴수 밖에 없으며, 연결을 시도하다보면 아래 화면이 나옴.

• [도메인 활성화] 버튼 클릭후 결과 화면

• 이후 정상적인 연동화면 SSL로 적용되어 연동된다.

• 연결한 도메인으로 브라우져로 접속을 시도해 보면 정상적인 사이트가 보이면 성공이다.