반응형
Fruition을 이용해 무료로 노션 페이지를 커스텀 도메인에 연결하는 방법을 자세히 안내해드리겠습니다. Fruition은 오픈 소스 프로젝트로 Cloudflare Workers를 사용하여 무료로 노션 페이지를 커스텀 도메인에 연결할 수 있습니다. 노션만의 도메인 연결은 아직 할수 없습니다. 혹시 아시는 분은 댓글을 남겨주십시요.
Fruition을 이용해 노션 페이지를 커스텀 도메인에 연결하는 구체적인 절차
1단계: 노션 페이지 준비
- 노션에서 연결하고자 하는 페이지를 공개 상태로 설정합니다.
- 페이지 상단의 'Share' 버튼을 클릭하고 'Share to web' 옵션을 활성화합니다.
- 공유 링크를 복사합니다.
https://puzzle-begonia-d8d.notion.site/s-134e4196a0ed4ac78b9013b02448d055?pvs=42단계: Cloudflare 계정 생성 및 도메인 추가
- Cloudflare에 접속하여 계정을 생성합니다.
- 로그인 후, 대시보드에서 'Add a Site' 버튼을 클릭합니다.
- 사용 중인 도메인 주소를 입력하고 'Add Site'를 클릭합니다.
- DNS 설정을 확인하고 Cloudflare의 네임서버를 사용하도록 도메인 등록 기관에서 네임서버를 변경합니다
- 도메인 등록 기관의 DNS 설정 메뉴로 이동해 Cloudflare에서 제공한 네임서버로 변경합니다.
DNS를 변경하라고 나오는 데요.
4 Add record 를 클릭합니다.
5 Type 은 CNAME 선택
6 Name 에는 bbb.com 입력시 노션페이지로 이동하고 싶다면 @ 를 입력 / test.bbb.com 입력시 노션페이지로 이동하고 싶다면 test 를 입력합니다. test대신 본인이 원하는 이름으로 하면 되겠죠. 이 후 설명에서는 test로 설명하겠습니다.
7 IPv4 address 에는 notion.so 를 입력하고 Save 버튼을 클릭합니다.
3단계: Cloudflare Workers 설정
- Cloudflare 대시보드에서 'Workers' 탭을 클릭합니다.
- 'Create a Worker' 버튼을 클릭합니다.
- 자동으로 생성된 JavaScript 코드를 삭제하고, Fruition에서 제공하는 코드를 붙여넣습니다.
- Fruition GitHub 페이지에서 최신 코드를 확인할 수 있습니다: Fruition GitHub
- Fruition 코드에서 const NOTION_URL 부분에 복사한 노션 페이지의 공유 링크를 입력합니다.
- const CUSTOM_DOMAIN 부분에 사용할 커스텀 도메인 주소를 입력합니다.
- 다른 필요한 설정을 수정한 후, 'Save and Deploy'를 클릭합니다.
4단계: Cloudflare DNS 설정
- Cloudflare 대시보드의 'DNS' 탭으로 이동합니다.
- 새로운 CNAME 레코드를 추가합니다:
- 이름(Name): www (또는 서브도메인 이름)
- 값(Target): <your-workers-subdomain>.workers.dev (Cloudflare Workers에서 제공하는 서브도메인)
- 필요한 경우, A 레코드도 추가합니다:
- 이름(Name): @
- 값(Target): Cloudflare Workers에서 제공한 IP 주소
5단계: 커스텀 도메인 연결 확인
- 브라우저에서 커스텀 도메인 주소를 입력해 노션 페이지가 제대로 연결되었는지 확인합니다.
- SSL 인증서가 자동으로 설정되어, 연결이 안전하게 이루어집니다.
Cloudflare 요금제 안내
- 무료 요금제: Cloudflare Workers는 무료 요금제를 제공합니다. 이 요금제에서는 매월 10만 요청을 무료로 사용할 수 있습니다.
- 유료 요금제: 더 많은 요청이 필요하거나 추가 기능이 필요할 경우, 유료 요금제를 선택할 수 있습니다. 유료 요금제는 월 $5부터 시작하며, 요청 수에 따라 요금이 증가할 수 있습니다.
이 절차를 따르면 무료로 노션 페이지를 커스텀 도메인에 연결할 수 있습니다. 언제나 세상은 내러티브다. 메섹톡이었습니다. 감사드립니다.
반응형