Integrate the Browserless API with the Formatting API

Setup the Browserless API trigger to run a workflow which integrates with the Formatting API. Pipedream's integration platform allows you to integrate Browserless and Formatting remarkably fast. Free for developers.

Popular Browserless and Formatting Actions#

Generate PDF from HTML String with the Browserless API

See https://docs.browserless.io/docs/pdf.html

Try it

[Data] Convert JSON to String with the Formatting API

Convert an object to a JSON format string

Try it

Scrape URL with the Browserless API

Scrape content from a page. See the documentation.

Try it

[Data] Parse JSON with the Formatting API

Parse a JSON string

Try it

Scrape URL List with the Browserless API

Scrape content from a list of pages. See the documentation.

Try it

Overview of Browserless#

The Browserless API on Pipedream allows you to automate browser actions without the overhead of managing your own browser infrastructure. This service provides a way to run Chrome browser sessions programmatically, making it ideal for web scraping, automated testing, and screenshot capture. Leveraging this on Pipedream, you can create serverless workflows that interact with web pages, extract data, and perform actions as a human would, all in a scalable and efficient manner.

Connect Browserless#

import puppeteer from 'puppeteer-core@14.1.0';

export default defineComponent({
  props: {
    browserless: {
      type: "app",
      app: "browserless",
    }
  },
  async run({steps, $}) {
    // See the browserless docs for more info:
    // https://www.browserless.io/docs/
    const browser = await puppeteer.connect({ 
      browserWSEndpoint: `wss://chrome.browserless.io?token=${this.browserless.$auth.api_key}` 
    })
    const page = await browser.newPage()
    
    const url = "https://example.com"
    const type = "png"
  
    await page.goto(url)
    const screenshot = await page.screenshot()
    
    // export the base64-encoded screenshot for use in future steps,
    // along with the image type and filename
    $.export("screenshot", Buffer.from(screenshot, 'binary').toString('base64'))
    $.export("type", type)
    $.export("filename",`${url.replace(/[&\/\\#, +()$~%.'":*?<>{}]/g, '_')}-${+new Date()}.${type}`)
    
    await browser.close()
  },
})

Connect Formatting#

export default defineComponent({
  async run({ steps, $ }) {
    const text = ' Hello world! ';
    return text.trim()
  },
})