Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

HTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more!

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="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about why you might need to tunnel to your local computer, and how to set that up securely.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry__Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Show_Notes_6"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=00:24">00:24</a></strong> Welcome</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=01:09">01:09</a></strong> GitHub tarball web streams</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=05:09">05:09</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=05:48">05:48</a></strong> Why would I need security locally?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://caddyserver.com/">Caddy Server</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=11:23">11:23</a></strong> Cookie issues</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=13:04">13:04</a></strong> Examples of things that need a secure context</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href= "https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts/features_restricted_to_secure_contexts"> MDN Features restricted to secure contexts</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=14:58">14:58</a></strong> What is tunneling?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=19:22">19:22</a></strong> Cloudflare Tunnels</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://github.com/cloudflare/cloudflared">Cloudflared</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://twitter.com/wesbos/status/1634310926219333642">Cloudflare Tunnel</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=20:50">20:50</a></strong> nGrok</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://ngrok.com/">ngrok</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=23:22">23:22</a></strong> Local tunnel</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://theboroer.github.io/localtunnel-www/">Local Tunnel</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=24:55">24:55</a></strong> Tunnel to</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://tunnelto.dev/">Tunnel to dev - Expose your local web server to the internet with a public URL</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=26:02">26:02</a></strong> Cloudflare subdomain</li> </ul> <h2 class="code-line" data-line-start="28" data-line-end="29"> <a id="Tweet_us_your_tasty_treats_28"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> 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 why you might need to tunnel to your local computer, and how to set that up securely.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes  00:24 Welcome
 01:09 GitHub tarball web streams
 05:09 Sponsor: Sentry
 05:48 Why would I need security locally?
 Caddy Server

 11:23 Cookie issues
 13:04 Examples of things that need a secure context
  MDN Features restricted to secure contexts

 14:58 What is tunneling?
 19:22 Cloudflare Tunnels
 Cloudflared

 Cloudflare Tunnel

 20:50 nGrok
 ngrok

 23:22 Local tunnel
 Local Tunnel

 24:55 Tunnel to
 Tunnel to dev - Expose your local web server to the internet with a public URL

 26:02 Cloudflare subdomain
  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

HTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more!

Poslechněte si podcast