Cloudflare SSL은 WordPress 및 Joomla를 중단하고 이를 수정하는 방법
Cloudflare는 무료 플랜에서도 SSL을 무상으로 제공하는 훌륭한 CDN 서비스로, 무료 및 프리미엄 기능을 모두 제공합니다.
워드프레스와 줌라에서 SSL 설정을 테스트하던 중 문제가 발생하여 잠시 당황했지만, 다행히 간단한 해결책을 찾아 이를 공유하고자 합니다.
본 글에서는 다음 내용을 다룹니다.
- Cloudflare에서 SSL이 정상적으로 작동하는지 확인하는 방법
- Cloudflare SSL로 인해 망가진 워드프레스 사이트 복구 방법
- Cloudflare SSL로 인해 깨진 줌라 사이트 복구 방법
- HTTP 트래픽이 HTTPS로 올바르게 리디렉션되는지 확인하는 방법
가장 먼저 Cloudflare에서 SSL이 활성화되었는지부터 점검해야 합니다.
- Cloudflare 계정에 로그인합니다.
- 웹사이트 목록에서 해당 사이트를 선택합니다.
- '암호화' 메뉴를 클릭합니다.
- "활성 인증서" 상태가 표시되어 있는지, 그리고 SSL 수준이 'Flexible', 'Full', 또는 'Strict' 중 필요한 설정으로 지정되어 있는지 확인합니다. 웹 서버 인증서에 별도 비용을 지출하고 싶지 않다면 기본값인 'Flexible'을 그대로 사용해도 무방합니다.
이 단계를 통해 웹사이트에 Cloudflare SSL이 적용됩니다.
워드프레스에서 Cloudflare SSL 오류 해결
다음 스크린샷에서 볼 수 있듯이 워드프레스 사이트의 레이아웃이 깨지는 문제가 발생할 수 있습니다. 이는 일반적으로 HTTPS를 통해 로드되지 않는 콘텐츠가 있을 때 나타나는 현상입니다.
이 문제를 해결하는 방법은 두 가지입니다.
첫 번째 방법은 모든 콘텐츠가 HTTPS URL에서 로드되도록 하는 것이지만, 타사 테마를 사용 중이라면 두 번째 방법이 더 쉬울 수 있습니다.
두 번째 방법은 Cloudflare Flexible SSL 워드프레스 플러그인을 설치하는 것입니다.
- 워드프레스 관리자 페이지에 접속합니다.
- '플러그인' 메뉴에서 '새로 추가'를 선택합니다.
- 'Cloudflare Flexible SSL'을 검색합니다.
- 해당 플러그인을 설치하고 활성화합니다.
이것으로 모든 설정이 완료됩니다. 플러그인이 자동으로 문제를 해결해줍니다. 아래에서 볼 수 있듯이 이제 사이트가 정상적으로 로드됩니다.
줌라에서 Cloudflare SSL 오류 해결
줌라로 만든 웹사이트에 Cloudflare SSL을 적용한 후 레이아웃이 깨지는 문제가 발생했습니다.
이 문제를 해결하려면 "Cloudflare For Joomla" 플러그인을 설치해야 합니다.
- 줌라용 Cloudflare 플러그인을 다운로드합니다. 무료 계정 등록이 필요할 수 있습니다.
- 줌라 관리자 페이지에 로그인합니다.
- '확장' 메뉴에서 '확장 관리자'를 선택합니다.
- '파일 선택'을 클릭하고 다운로드한 플러그인을 선택한 후 '업로드 및 설치'를 클릭합니다.
- 줌라에서는 이 플러그인이 기본적으로 활성화되지 않으므로 수동으로 활성화해야 합니다. 활성화 방법은 다음과 같습니다.
- '확장' 메뉴에서 '플러그인 관리자'를 선택합니다.
- 'Cloudflare'를 검색하여 활성화합니다.
이제 웹사이트가 정상적으로 표시되는 것을 확인할 수 있습니다.
활성화 후에는 검색 엔진에서 중복 콘텐츠 문제를 방지하기 위해 HTTP 요청이 HTTPS로 리디렉션되는지 확인해야 합니다.
Cloudflare 페이지 규칙을 이용한 HTTP에서 HTTPS로 리디렉션 설정
- Cloudflare 계정에 로그인합니다.
- 웹사이트 목록에서 해당 사이트를 선택합니다.
- '페이지 규칙' 메뉴를 클릭합니다.
- 'URL 패턴'에 HTTP URL을 입력합니다.
- 아래와 같이 '항상 HTTPS 사용' 설정을 켭니다.
이것으로 Cloudflare가 제공하는 무료 SSL을 사용할 모든 준비가 완료되었습니다. 보안 강화를 위해 SSL 취약성 테스트를 주기적으로 진행하는 것을 잊지 마십시오.
본 기사가 유익했기를 바라며, 다른 사람들과도 공유해주시면 감사하겠습니다!