S3 이미지를 CloudFront를 사용하여 Wordpress에 전송

이전 기사 에서 Wordpress 이미지를 S3로 마이그레이션했습니다.

이제 Wordpress를 마이그레이션하거나 정적 사이트 생성기로 마이그레이션 할 수 있다고 생각했지만 s3로 이미지를 마이그레이션하고 며칠 만에 s3의 무료 프레임 인 20000requests/month를 순식간에 초과했습니다. 하고 버린다고 생각했으므로, CloudFront(CDN)로 전달하기로 했습니다.
※s3의 post는 2000req/month입니다. 마이그레이션 이미지 수가 너무 많으면 2000을 초과합니다. 어쩔 수 없습니다.

참고로 한 기사는 여기 입니다.

s3 액세스 권한 확인

S3의 블록 공개 액세스가 모두 꺼져 있는지 확인합니다.

cloudfront 만들기

참고한 기사 대로 cloudfront를 만듭니다.


cloudfront 작성 화면에서 s3 버킷 이름 선택


redirect HTTP to HTTPS 선택


이미지를 압축하려면 compress objects automatically를 yes로 설정합니다.


Create Distribution을 클릭하여 생성.


status가 Deployed가 되면 창조 완료.

나는 서브 도메인을 설정하지 않았지만, 설정하고 싶은 분은 CNAME 설정으로 서브 도메인으로 대체하십시오.

wordpress에서 croudfrontURL 설정

WP Offload Media Lite 플러그인에서 Provide change를 클릭하십시오.


croudfront를 선택.


croudfront 화면에서 CNAMEURL을 복사하여 붙여넣습니다.


Force HTTPS를 켜십시오.

이상으로 설정 완료입니다.

이미지 URL을 croudfront의 CNAMEURL로 변경하여 이미지가 표시되는지 확인해 보세요.

기사 내 URL 바꾸기

검색 regex 플러그인에서 기사 URL을 CNAMEURL로 바꿉니다.

사이트 전체의 이미지 URL을 변경합니다.

미디어 라이브러리 등은 아직 서버 이미지 URL이므로 이것을 croudfront의 CNAMEURL로 변경해 둡니다.
https://your-domain-name/wp-admin/options.php로 이동하십시오.

command+F에서 upload_url_path를 검색합니다.



upload_url_path 양식에 croudfront의 CNAMEURL을 입력합니다.

이제 미디어 라이브러리와 같은 이미지 URL도 모두 croudfront에서 이미지를 전달할 수 있습니다.
※이것을 설정하면, 기사내의 URL도 모두 변경될지도 모릅니다. 교체하기 전에 시도해 보십시오.