PhantomJS를 Puppeteer 전환하며

간단 소개

PhantomJS의 문제점을 해결하고 Puppeteer로 전환하여 안정적인 이미지 렌더링 환경을 구축하고 유지보수 효율성을 높였습니다.

AI Summary

PhantomJS의 문제점과 Puppeteer로의 전환 배경
- PhantomJS는 폰트 렌더링에 일관성 문제가 있었고, 프로젝트 자체가 더 이상 관리되지 않아 유지보수가 어려워짐
- 잦은 배포가 없어 서버들이 snowflake화 되어 확장성 문제가 발생
Puppeteer로의 전환 및 해결 과정
- 어플리케이션과 폰트가 설치된 시스템을 컨테이너로 만들어 CI/CD 파이프라인을 구축하여 snowflake 문제 해결
- Puppeteer API가 PhantomJS와 유사하여 비교적 쉽게 교체 가능했지만, 템플릿별 결과 비교 및 샘플 케이스 생성 작업 필요
- Headless Chrome의 보안 정책으로 인해 로컬 파일 로드 문제가 발생하여 Express 서버에서 static file serving 방식으로 변경
결과 및 향후 계획
- Puppeteer 전환 후 템플릿 개발 및 신규 컨텐츠 프로바이더 추가가 수월해짐
- Metrics API 엔드포인트를 만들어 prometheus와 grafana 대시보드를 통해 서비스 모니터링
- 자동화된 테스트 케이스를 구성하여 기능 개발을 용이하게 할 계획