Integrate the Puppeteer API with the Supabase API

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

Popular Ways to Connect Puppeteer with Supabase#

Get HTML with Puppeteer API on New Row Added from Supabase API

Supabase + Puppeteer

Try it

Get HTML with Puppeteer API on New Webhook Event (Instant) from Supabase API

Supabase + Puppeteer

Try it

Get Page Title with Puppeteer API on New Row Added from Supabase API

Supabase + Puppeteer

Try it

Get Page Title with Puppeteer API on New Webhook Event (Instant) from Supabase API

Supabase + Puppeteer

Try it

Get PDF with Puppeteer API on New Row Added from Supabase API

Supabase + Puppeteer

Try it

Popular Puppeteer and Supabase Triggers#

New Row Added from the Supabase API

Emit new event for every new row added in a table. See documentation here

Try it

New Webhook Event (Instant) from the Supabase API

Emit new event for every insert, update, or delete operation in a table. This source requires user configuration using the Supabase website. More information in the README. Also see documentation here

Try it

Popular Puppeteer and Supabase Actions#

Get HTML with the Puppeteer API

Get the HTML of a webpage using Puppeteer. See the documentation

Try it

Delete Row with the Supabase API

Deletes row(s) in a database. See the docs here

Try it

Get Page Title with the Puppeteer API

Get the title of a webpage using Puppeteer. See the documentation

Try it

Insert Row with the Supabase API

Inserts a new row into a database. See the docs here

Try it

Get PDF with the Puppeteer API

Generate a PDF of a page using Puppeteer. See the documentation

Try it

Overview of Puppeteer#

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

Using Puppeteer 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 Puppeteer#

 import { puppeteer } from '@pipedream/browsers';

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

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

    // The browser needs to be closed, otherwise the step will hang
    await browser.close();

    return { title, content }
  },
})

Overview of Supabase#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Connect Supabase#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    supabase: {
      type: "app",
      app: "supabase",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://${this.supabase.$auth.subdomain}.supabase.co/rest/v1/`,
      headers: {
        Authorization: `Bearer ${this.supabase.$auth.service_key}`,
        "apikey": `${this.supabase.$auth.service_key}`,
      },
    })
  },
})