[Node] Crawling puppeteer 활용하여 웹페이지에 스크린샷을 자동으로 생성하기

 

관련 포스트 

- HTML Crawling

developing-move.tistory.com/174

[Node] Crawling puppeteer를 활용하여 웹 페이지의 데이터를 Crawling하기

- PDF Crawling

developing-move.tistory.com/175 

[Node] Crawling puppeteer를 활용하여 웹 페이지를 pdf로 변환 및 저장

 

[Node] Crawling puppeteer를 활용하여 웹 페이지를 pdf로 변환 및 저장

vscode 터미널에서 puppeteer를 install 한다.

npm install puppeteer --save

 

해당 기능은 실무에서는 어떤 웹 페이지를 미리보기로 보여주고 싶은 경우 등에 사용된다.

각각 라인에 대한 설명은 주석처리 되어있다.

예시 소스

const puppeteer = require('puppeteer');

// puppeteer는 네트워크 요청으로 특정한 웹페이지의 스크린샷을 만들기 때문에 만드는 함수 또한 async 함수여야 함
const main = async () => {
    const browser = await puppeteer.launch();
    // 실행된 브라우저에 대해서 새로운 페이지를 만든다.
    const page = await browser.newPage();
    // 스크린샷을 만들 페이지를 지정
    await page.goto('https://developing-move.tistory.com/category/JavaScript/Node?page=4');
    // 스크린샷을 만든다.(현재 코드가 실행되고 있는 경로)
    await page.screenshot({path : 'my blog.png'});
    // 수행하고자 하는 모든 작업이 끝나면 puppeteer를 종료
    await browser.close();
}
// 함수 실행
main();

해당 소스코드를 입력한 후에 실행하면 my blog.png라는 파일이 생성된 것을 볼 수 있다.