Скачать или смотреть Automate Chrome in an API with Puppeteer and Netlify Serverless Functions

Learn how to use Puppeteer to automate headless Chrome inside of a serverless function. We'll use Netlify to create a new API endpoint where we'll automate scraping a page's metadata and interactive search results.

🧐 What's Inside
00:00 - Intro to automating Chrome with Puppeteer and Netlify functions
00:10 - Tools we'll use and what to expect
01:00 - Starting a new node project from scratch
02:20 - Installing the Netlify CLI and logging in
03:53 - Creating a new serverless function with Netlify
05:32 - Installing Puppeteer and Chrome dependencies
06:50 - Configuring and launching a new browser locally with Puppeteer and Chrome
10:11 - Scraping a page's title and description from Chrome with Puppeteer
11:50 - Making a clientside search and scraping the results with Puppeteer
13:36 - Deploying serverless functions with Netlify CLI
15:43 - Outro

💾 Code
https://github.com/colbyfayock/my-pup...

🗒️ Read More
https://spacejelly.dev/posts/how-to-u...

🎬 Next Up

Send Emails with SendGrid & Next.js Serverless Functions - Contact Form Tutorial
   • Send Emails with SendGrid & Next.js Server...  

Testing Serverless Functions with Jest & Next.js API Routes
   • Testing Serverless Functions with Jest & N...  

Twitter API Requests with NextAuth.js Session Tokens & Next.js Serverless Functions
   • Twitter API Requests with NextAuth.js Sess...  

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?s...

🐦 Get updates straight to your Twitter @colbyfayock
  / colbyfayock  

📸 Catch the next stream live on Twitch @colbyfayock
  / colbyfayock  

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: [email protected]

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/uses

🧰 More Resources

puppeteer-core
https://www.npmjs.com/package/puppete...

chrome-aws-lambda
https://www.npmjs.com/package/chrome-...

Puppeteer
https://pptr.dev/

Netlify CLI
https://docs.netlify.com/cli/get-star...

🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/prigida/burble?r...
License code: TLACVOID0A8C0LTV

#colbyfayock #puppeteer #serverless #netlify #chrome #api #webdevelopment