What do you want to automate
with Puppeteer and Canvas?
Prompt, edit and deploy AI agents that connect to Puppeteer, Canvas and 2,500+ other apps in seconds.
Trusted by 1,000,000+ developers from startups to Fortune 500 companies
Popular Puppeteer and Canvas Actions#
Get the HTML of a webpage using Puppeteer. See the documentation for details.
Get the title of a webpage using Puppeteer. See the documentation
Captures a screenshot of a page using Puppeteer. See the documentation
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 Canvas#
The Canvas API allows you to tap into the power of the Canvas Learning Management System, enabling educators and administrators to automate tasks, synchronize educational tools, and manage courses and users programmatically. It provides endpoints for accessing course information, user details, assignments, and more, which can be incredibly useful for creating customized educational experiences and streamlining administrative workflows. With Pipedream, you can harness these capabilities to trigger actions, connect with other apps and services, and create complex automations without writing extensive code.
Connect Canvas#
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
canvas: {
type: "app",
app: "canvas",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://${this.canvas.$auth.domain}/api/v1/users/self`,
headers: {
Authorization: `Bearer ${this.canvas.$auth.oauth_access_token}`,
},
})
},
})
Trusted by 1,000,000+ developers from startups to Fortune 500 companies