What do you want to automate

with Playwright and Cloudflare R2?

Prompt, edit and deploy AI agents that connect to Playwright, Cloudflare R2 and 2,500+ other apps in seconds.

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Get Page HTML with the Playwright API

Returns the page's html. See the documentation

 
Try it
Get Page Title with the Playwright API

Returns the page's title. See the documentation

 
Try it
Page PDF with the Playwright API

Generates a pdf of the page and store it on /tmp directory. See the documentation

 
Try it
Take Screenshot with the Playwright API

Store a new screenshot file on /tmp directory. See the documentation

 
Try it
Integrate the Playwright API with the Cloudflare R2 API
Setup the Playwright API trigger to run a workflow which integrates with the Cloudflare R2 API. Pipedream's integration platform allows you to integrate Playwright and Cloudflare R2 remarkably fast. Free for developers.

Overview of Playwright

Playwright is a Node.js library which provides a high-level API to control Chrome/Chromium over the DevTools Protocol. Playwright runs in headless mode on Chromium on Pipedream.

Using Playwright you can perform tasks including:

  • Capture Screenshots: Convert webpages into images.
  • Processing PDFs: parse and scan PDFs.
  • Web Scraping: Extract data from websites.
  • UI/UX Testing: Verify user interface and experience.
  • Integration with Test Frameworks: Combine with testing frameworks.
  • Task Automation: Automate web-related tasks like form filling.
  • Functional Testing: Automate user interactions to test web application functionality.
  • Regression Testing: Ensure new code changes don't introduce bugs.

Connect Playwright

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import { playwright } from '@pipedream/browsers';

export default defineComponent({
  async run({steps, $}) {
    const browser = await playwright.launch();
    
    // Interact with the web page programmatically
    // See Playwright's Page documentation for available methods:
    // https://playwright.dev/docs/api/class-page
    const page = await browser.newPage();

    await page.goto('https://pipedream.com/');
    const title = await page.title();
    const content = await page.content();

    // Close context and browser otherwise the step will hang
    await page.context().close()
    await browser.close();

    return { title, content }
  },
})

Overview of Cloudflare R2

The Cloudflare R2 API lets you interact with Cloudflare's object storage service, providing a cost-effective way to store large amounts of data with no egress fees. On Pipedream, you can harness this API to build automated workflows that can store, retrieve, and manage data within your R2 buckets. By combining Cloudflare R2 with Pipedream’s capabilities, you can create serverless workflows that trigger on various events, process data in-flight, and integrate with over 800+ apps available on the platform.

Connect Cloudflare R2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { S3 } from "@aws-sdk/client-s3";
import { ListBucketsCommand } from "@aws-sdk/client-s3";

export default defineComponent({
  props: {
    cloudflare_r2: {
      type: "app",
      app: "cloudflare_r2",
    }
  },
  async run({ steps, $ }) {
    const cloudflare_r2 = {
      account_id: this.cloudflare_r2.$auth.account_id
    };

    const s3Client = new S3({
        forcePathStyle: false, 
        endpoint: `https://${cloudflare_r2.account_id}.r2.cloudflarestorage.com`, 
        region: "auto",
        credentials: {
          accessKeyId: this.cloudflare_r2.$auth.access_key_id,
          secretAccessKey: this.cloudflare_r2.$auth.access_key_secret
        }
    });

    const data = await s3Client.send(new ListBucketsCommand({}));
    return data.Buckets;
    }
  }
)

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo