AWS CloudFront - Homepage 모바일로 접속해도 PC 화면이 나올 경우

---

AWS CloudFront - Homepage 모바일로 접속해도 PC 화면이 나올 경우

 

 

 

먼저 전용 캐시 정책을 새로 생성합니다.

 

 

별다른 건 없고, 다른 설정과 동일하게 만들면 되는데요,

 

 

캐시 키 설정에서 헤더에 Mobile-viewer와 Desktop-viewer를 추가합니다.

 

 

압축은 필요하면 넣고 필요 없으면 넣지 않아도 됩니다!

 

 

이번에는 distribution 으로 이동하여 동작에서 새로운 동작을 생성합니다.

 

 

보통 PC 버전과 모바일 버전을 구분하는 콘텐츠가 있는 폴더를 /static/에 두기 때문에 해당 경로를 선택합니다.

 

 

캐시 설정에서 아까전에 만들어 놓는 캐시 정책을 선택하면 됩니다.

 

 

다른 설정들은 homepage 설정과 동일하게 마무리하면 됩니다.

 

 

이렇게 해두면 모바일로 접속했을 때, 모바일 화면이 나오게 됩니다. 다만 개발자의 성향 및 취향에 따라 코드가 달라지기 때문에 어떻게 개발했는지에 따라서 약간의 변경은 필요하다는 점 참고하세요.

 

 

 

---

by mkdir-chandler

---