如何啟動puppeteer.launch()的單個行程并在Node中向它發送頁面？

以下代碼在我的每個請求上運行，我擔心它每次都嘗試啟動瀏覽器并導致 Heroku 上的服務器問題。我想像 Singleton 實體一樣啟動 puppeteer，我只啟動一次，然后我的請求將觸發 browser.newPage()。我沒有 JS 經驗來解決這個問題。

 (async () => {
      const browser = await puppeteer.launch({ headless: true});
      const page = await browser.newPage();    

      await page.on('response', interceptedResponse =>{
        let status = interceptedResponse.status();
        interceptedResponse.text()
          .then((text) => {          
            handleResponse(text)
            browser.close();
          })
          .catch(err => {
            console.error(`interceptedResponse error: ${err}`)
            browser.close();
          });
      });

      await page.goto(url);
    })();

uj5u.com熱心網友回復：

您可以創建一個為您處理此問題的類。它可能不是“官方單身”，但 id 可以滿足您的要求：

結帳browser.js：

var puppeteer = require('puppeteer')

class PuppeteerApi {

    browser = null
    constructor(config) {
        this.config = config
    }
    
    setConfig(config) {
        this.config = config
    }

    async newBrowser() {
        return await puppeteer.launch(this.config)
    }

    async getBrowser() {

        if (!this.browser) {
            this.browser = await this.newBrowser()
        }

        return this.browser
    }

    async newPage() {
        const browser = await this.getBrowser()
        const page = await browser.newPage()
        return page
    }

    async handBack(page) {

        // close the page or even reuse it?.
        await page.close()

        // you could add logic for closing the whole browser instance depending what
        // you want.
    }

    async shutdown() {
        await this.browser.close()
    }


}

const config = {
    headless: false
}

const browserApi = new PuppeteerApi(config)
export default browserApi

// use it like:

// import and set config once!.
var browserApi = require('./browser.js')
const config = { headless: true }
browserApi.setConfig(config)

// in an request handler you could do this:
(async () => {
    
    var page = await browserApi.newPage()

    // do some stuff..

    // in the end hand the page back for eitehr closing it 
    // or maybe putting it in a pool? .
    await browser.handBack(page) 
})()

我不知道什么puppeteer時候會打開 30 個頁面。這是一個可以browser并行打開給定數量的實體的示例。

var puppeteer = require('puppeteer')

class PuppeteerApi {

    browsers = []
    index = 0

    constructor(browserLimit, config) {
        this.config = config
        this.browserLimit = browserLimit

        if (typeof this.browserLimit !== 'number' || this.browserLimit < 1) {
            throw 'BrowserLimit needs atleast to be 1!!'
        }
    }

    setConfig(config) {
        this.config = config
    }

    async newBrowser() {
        return await puppeteer.launch(this.config)
    }

    async getBrowser() {
        if (this.index >= this.browserLimit) {
            this.index = 0
        }

        if (!this.browsers[this.index]) {
            this.browsers[this.index] = await this.newBrowser()
        }

        // iterate through browsers.
        return this.browsers[this.index  ]

    }

    async newPage() {
        const browser = await this.getBrowser()
        const page = await browser.newPage()
        return page
    }

    async handBack(page) {
        await page.close()
    }

    async shutdown() {
        const proms = this.browsers.map(b => b.close())
        await Promise.all(proms)
    }

}

const config = {
    headless: false
}

const limit = 5
const browserApi = new PuppeteerApi(limit, config)
export default browserApi

如果你喜歡函式式風格（代碼更少），它很快就會適應。這是第一個例子：

var puppeteer = require('puppeteer')

let browser = null

let config = {
    headless: false
}

const newBrowser = async() => {
    return await puppeteer.launch(this.config)
}

export const setPuppeteerConfig = (_config) => {
    config = _config
}

export const getPage = async() => {
    const browser = await getBrowser()
    return await browser.newPage()
}

const getBrowser = async() => {
    if (!browser) {
        browser = await newBrowser()
    }
    return browser
}

export const handback = async(page) => {
    await page.close()
}

export const shutdown = async() => {
    await browser.close()
}

// usage:

const { setPuppeteerConfig , shutdown, getPage, handback } = require('./browser')
// setconfig..
(async () => {
    const page = await getPage()

    // do some stuff..
    
    await handback(page)
}) 

如果有任何內容不能作為縮進，請隨時發表評論。

標籤：javascript 节点.js heroku 傀儡师

上一篇：在heroku上更新我的網站不起作用

下一篇：Laravel應用程式在Heroku上部署后無法運行