사이트 가속 및 도메인 설정

국내 접속이 느린 GitHub Pages 때문에, 저자는 개인 도메인을 신청하고 국내 클라우드 호스트 제공업체의 CDN 가속 서비스를 구매했습니다. 설정 과정에서 www 서브도메인에 접근할 수 없는 문제가 발생했는데, 최종적으로 와일드카드 도메인 해석을 삭제하고 2차 도메인을 개별적으로 설정하여 해결했습니다. 저자는 또한 CDN 가속 원리 및 설정 경험과 Nginx 리버스 프록시를 사용한 시도와 그 교훈을 공유했습니다.

배경

GitHub Pages에 호스팅되어 있어, 몇 가지 이유로 인해 국내 접속이 다소 느립니다. 그래서 개인 도메인을 신청하고 국내 클라우드 호스트 제공업체의 CDN 가속 서비스를 구매했습니다. 가속 서비스를 설정하면서 개발 머신에 Docker, frp, k8s 등 여러 서비스가 배포되어 있고, 이 서비스들에 대한 대시보드가 있다는 점을 떠올랐습니다. 낭비하지 않겠다는 생각으로 몇 개의 리버스 프록시를 구성하고 모두 2차 도메인에 연결했습니다.

二级 도메인을 사용하던 중 갑자기 www 서브도메인에 접속할 수 없게 되었고, 알리바바 클라우드에서 DNS 설정이 www.xiangtianlong.com과 xiangtianlong.com으로 동시에 해석되도록 되어 있었으며, CDN 가속을 적용하기 전에는 두 도메인이 모두 정상적으로 작동했습니다

CDN 설정 시, 2차 도메인이 너무 많아 일반 도메인 규칙을 적용하고 개발 머신으로 통합 라우팅했는데, 결과적으로 www 2차 도메인도 함께 접속이 안 되게 됐습니다. 네, 맞아요, www 접두사도 2차 도메인입니다. 실제 웹사이트는 GitHub Pages에 배포되어 있고, 개발 머신에는 웹사이트 캐시 정보가 없습니다.

개발 환경에 사이트 배포 안 하고, GitHub Actions으로 자동 통합해서 배포하는 게 훨씬 편하네요

도메인

비전문적인 웹 개발에서는 도메인 이해가 SEO나 크로스 도메인 문제와 관련이 없습니다. 블로그 사이트로서 누드 도메인은 블로거의 사이트를 돋보이게 하며, 제처럼 한자 병음으로 된 도메인을 사용하는 초보에게 유리하고, 현재 모바일 접속이 많으므로 입력할 수 있는 문자 수를 줄일 수 있습니다.

컴퓨터에서 단축키를 사용하면 www와 com을 입력할 필요가 없습니다

CDN

알리바다 클라우드와 텐센트 클라우드를 모두 사용해 봤는데, 신규 사용자도 쉽게 시작할 수 있습니다. 텐센트 클라우드는 관련 개념을 설명하는 비디오도 제공합니다. CDN 가속 원리는 제이동 창고와 같은 이치입니다. 신상품 판매 시 전국 각지에 미리 배송하여 배송 요청 발생 시 가장 가까운 창고에서 배송합니다.

원래 주소: 웹사이트 리소스가 원래 보관된 주소

캐시 파일 설정, 브라우저 F12, 관리 콘솔, 정적 및 동적 리소스 간략 분석

  • 전부 0일 유효기간
  • 유효기간 0일
  • INLINE_CODE_0 1일 유효

텐센트 클라우드 설정 규칙:

  • 최대 10개의 캐시 만료 규칙을 구성할 수 있습니다
  • 하위 규칙 우선
  • 캐시 만료 시간은 최대 365일까지 설정할 수 있습니다

비참한 자수지어

이전에 Nginx를 사용해 본 적이 없어 웹사이트 검색만으로 리버스 프록시 설정을 이해할 수 있을 줄 알았는데, 결과가 좀 혼란스러웠다. 반나절을 끙끙거려도 302 리디렉션은 제대로 설정하지 못했고 결국 아무 소용 없었다. 그래서 어리석은 방법으로 해결하기 위해 DNS 파싱의 와일드카드 도메인 파싱을 삭제하고 개별 2차 도메인을 독립적으로 설정했다. 그때 갑자기 알리바바 클라우드 DNS 파싱에 “표시 URL 리디렉션"이라는 모드가 있다는 것을 알아차렸고, 시도해 보니 이게 바로 내가 원하는 302 리디렉션이었다.

첫차 단계별 도메인 설정은 잘 되는데, 둘째 도메인을 설정하려니 안 되고 거의 좌절할 지경이었어요. 잠시 기다리니까 갑자기 되는 걸 보니, 알리바바 클라우드 DNS 전파가 가끔씩 오류를 일으키는 것 같네요.

참고 자료

  • 죄송합니다, 번역할 중국어 텍스트가 제공되지 않았습니다. 텍스트를 제공해 주시면 번역해 드리겠습니다.
  • 죄송합니다, 번역할 중국어 텍스트가 제공되지 않았습니다. 텍스트를 제공해 주시면 번역해 드리겠습니다.
  • 죄송합니다, 번역할 중국어 텍스트가 제공되지 않았습니다. 텍스트를 제공해 주시면 번역해 드리겠습니다.
금융 IT 프로그래머의 이것저것 만지작거리기와 일상의 중얼거림
Hugo로 만듦
JimmyStack 테마 사용 중