Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - How Would We Script a PS5 Buying Bot?

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about the PS5 bot debacle, and how they would do it differently!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 03:12 - Scott’s strategy</p> <ul> <li class="has-line-data" data-line-start="14" data-line-end="15"> Go to Reddit and refresh until someone posts a link and then GO GO GO</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> Don’t buy on sites that allow simple bots to work</li> <li class="has-line-data" data-line-start="16" data-line-end="18"> TBH I don’t know how to code this type of bot and would prob end up accidentally buying a ton of stuff</li> </ul> <p class="has-line-data" data-line-start="18" data-line-end="19"> 05:06 - Wes’ strategy</p> <ul> <li class="has-line-data" data-line-start="19" data-line-end="21"> <a href="https://mcbroken.com/">https://mcbroken.com/</a></li> </ul> <ol> <li class="has-line-data" data-line-start="21" data-line-end="23"> You need a way to find out of there is stock <ul> <li class="has-line-data" data-line-start="22" data-line-end="23"> Find out of there is an API endpoint you can hit (inspect element)</li> </ul> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> If there is not, you’ll need to scrape the site.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> Fetch(url). text()</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> Regex</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://cheerio.js.org/">Cheerio</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://pptr.dev/">Puppeteer</a> (slower, easier to run)</li> <li class="has-line-data" data-line-start="28" data-line-end="32"> Save any data that you want in a database. Text-based database is great. <ul> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.npmjs.com/package/lowdb">Lowdb</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.sqlite.org/index.html">SQLite</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://aws.amazon.com/dynamodb/">DynamoDB</a> (if doing serverless)</li> </ul> </li> <li class="has-line-data" data-line-start="32" data-line-end="33"> Re-run the scrape every N mins</li> <li class="has-line-data" data-line-start="33" data-line-end="39"> When there IS a match you can: <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> Send a text message - <a href= "https://www.twilio.com/">Twilio</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> Send an email - <a href= "https://postmarkapp.com/">Postmark</a></li> <li class="has-line-data" data-line-start="36" data-line-end="39"> Try to fill out the form and submit it yourself <ul> <li class="has-line-data" data-line-start="37" data-line-end="39"> document.querySelector()</li> </ul> </li> </ul> </li> </ol> <p class="has-line-data" data-line-start="39" data-line-end="40"> 11:35 - Things that get in the way</p> <ul> <li class="has-line-data" data-line-start="40" data-line-end="42"> Blocked IP <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Use a VPN</li> </ul> </li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Captcha or <a href= "https://www.cloudflare.com/">Cloudflare</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> Run it on your local computer</li> <li class="has-line-data" data-line-start="44" data-line-end="46"> Use Puppeteer to get all cookies and headers</li> </ul> <h2 class="code-line" data-line-start="46" data-line-end="47"> <a id="Links_46" name="Links_46"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://twitter.com/bahamagician/status/1329430249151533066">https://twitter.com/bahamagician/status/1329430249151533066</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> <a href="https://stocktrack.ca/">stocktrack.ca</a></li> </ul> <h2 class="code-line" data-line-start="50" data-line-end="51"> <a id="Tweet_us_your_tasty_treats_50" name= "Tweet_us_your_tasty_treats_50"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about the PS5 bot debacle, and how they would do it differently!
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Show Notes 03:12 - Scott’s strategy
  Go to Reddit and refresh until someone posts a link and then GO GO GO
 Don’t buy on sites that allow simple bots to work
 TBH I don’t know how to code this type of bot and would prob end up accidentally buying a ton of stuff
  05:06 - Wes’ strategy
  https://mcbroken.com/

  You need a way to find out of there is stock  Find out of there is an API endpoint you can hit (inspect element)

 If there is not, you’ll need to scrape the site.
 Fetch(url). text()
 Regex
 Cheerio

 Puppeteer (slower, easier to run)
 Save any data that you want in a database. Text-based database is great. Lowdb

 SQLite

 DynamoDB (if doing serverless)

 Re-run the scrape every N mins
 When there IS a match you can:  Send a text message - Twilio

 Send an email - Postmark

 Try to fill out the form and submit it yourself  document.querySelector()

  11:35 - Things that get in the way
  Blocked IP  Use a VPN

 Captcha or Cloudflare

 Run it on your local computer
 Use Puppeteer to get all cookies and headers
  Links  https://twitter.com/bahamagician/status/1329430249151533066

 stocktrack.ca

  Tweet us your tasty treats!  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Hasty Treat - How Would We Script a PS5 Buying Bot?

Poslechněte si podcast