최근 시간이 있을 때 보트와 ProductHunt을 바라보고 있습니다만, 그 중에서 "ApiFlash" 라는 편리한 서비스가 있었으므로 소개합니다.

ApiFlsash란?

ApiFlash는 웹 화면의 스크린 샷을 찍어 이미지 데이터를 반환하는 API를 제공하는 서비스입니다. 백문은 언뜻 보지 않고 웹 사이트의 톱 페이지 데모를 보는 것이 이해하기 쉽습니다. 쿼리 매개 변수로 크기를 전달하거나 전체 페이지를 포함하는 옵션을 지정하여 다양한 패턴의 스쿠쇼를 쉽게 찍을 수 있습니다.

실행 결과

API를 호출할 때 액세스 키가 필요하지만 GET 파라미터로 호출할 수 있다 그래서 브라우저에서도 쉽게 호출할 수 있습니다. (물론 POST에서도 전달할 수 있습니다) 몇 가지 시도해 보았습니다.

브라우저

대시보드를 열고 'Get Started'를 보면 Google 페이지를 스쿠쇼하는 샘플 URL이 표시됩니다.



Launch in new tab 버튼을 누르면 브라우저의 다른 탭에서 API 실행 결과를 표시합니다. 간단하네요.

curl

curl 명령으로 호출해 봅니다.

curl --request GET --url "https://api.apiflash.com/v1/urltoimage? 
    access_key=xxxxx&url=http://google.com&accept_language=ja" > screenshot.jpeg

앞의 브라우저 예제에서는 Google 페이지가 영어였으므로 여기에서는 accept_language 매개 변수로 일본어로 만들었습니다. 저장된 파일을 열면 이런 느낌입니다. 제대로 일본어로되어 있습니다.

Visual Studio Code(VSCode)

VSCode의 확장 기능이다. 대단한 w

REST Client

쿼리 빌더

에는 여러 가지가 있습니다. Query builder를 사용하면 매개변수가 있는 URL을 쉽게 만들 수 있습니다.

ApiFlash에서 사용할 수 있는 파라미터

풀 페이지의 캡쳐를 찍을 수 있으므로, 약간의 표시 테스트라든지에 사용할 수 있을 것 같습니다.



직접 width를 지정해야 하지만 모바일 보기 등도 확인할 수 있습니다. (width=480의 예)


스쿠쇼 작업을 손으로 하지 않으면 안 된다…같을 때에 편리할 것 같습니다.