How To Hide API Keys Using Netlify
In this video I will teach you why sharing API keys is a bad idea, a high level understanding of how you can secure them, and then using a practical example, I'll show you how you can use a service called Netlify Functions which is a completely free option to secure your secrets without needing to write any backend code at all (at least not in the classical sense of "backend")
Links:
Git repo: https://github.com/DanJFletcher/how-to-hide-api-keys-with-netlify-functions
Gist for vscode debug configuration: https://gist.github.com/DanJFletcher/2a8e9159b020d75a69e7a5166b9878be
Chapters:
0:00 Introduction
0:56 Why you need to hide your API keys
1:49 How API keys get stolen
3:34 How stolen keys get used
4:36 Understand the mechanics of securing API keys
12:05 What are netlify functions?
13:16 A practical example of using netlify functions
18:28 Make your first netlify function
22:44 Make request a request to your function
24:24 Setup Netlify Dev Server to serve your function
27:30 Update function to send request to weather API
34:28 Update request to pass geolocation data to function
38:19 Set up VS Code debugger with netlify functions
42:15 Secure your secret in an environment variable
44:12 How to keep environment variables out of your git repo
46:37 How this will work live in production
49:15 How to deploy to Netlify
53:23 Summary
Background Music:
Polarity by Theevs
g-wow by Kathali
Checkout Artilist for awesome background music in your own videos! If you use my referral link you'll be supporting my channel, thanks! https://artlist.io/Dan-492842
Видео How To Hide API Keys Using Netlify канала Dan Fletcher
Links:
Git repo: https://github.com/DanJFletcher/how-to-hide-api-keys-with-netlify-functions
Gist for vscode debug configuration: https://gist.github.com/DanJFletcher/2a8e9159b020d75a69e7a5166b9878be
Chapters:
0:00 Introduction
0:56 Why you need to hide your API keys
1:49 How API keys get stolen
3:34 How stolen keys get used
4:36 Understand the mechanics of securing API keys
12:05 What are netlify functions?
13:16 A practical example of using netlify functions
18:28 Make your first netlify function
22:44 Make request a request to your function
24:24 Setup Netlify Dev Server to serve your function
27:30 Update function to send request to weather API
34:28 Update request to pass geolocation data to function
38:19 Set up VS Code debugger with netlify functions
42:15 Secure your secret in an environment variable
44:12 How to keep environment variables out of your git repo
46:37 How this will work live in production
49:15 How to deploy to Netlify
53:23 Summary
Background Music:
Polarity by Theevs
g-wow by Kathali
Checkout Artilist for awesome background music in your own videos! If you use my referral link you'll be supporting my channel, thanks! https://artlist.io/Dan-492842
Видео How To Hide API Keys Using Netlify канала Dan Fletcher
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![3.4 Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub](https://i.ytimg.com/vi/17UVejOw3zA/default.jpg)
![Create your first Netlify Serverless Function!](https://i.ytimg.com/vi/n_KASTN0gUE/default.jpg)
![Using WebAssembly to Build Fast & Secure Web Apps | Eric Simons | ng-conf 2021](https://i.ytimg.com/vi/ZZC1SVkdmBY/default.jpg)
![How to connect AWS Lambda to a MySQL database to update it? (using RDS proxy)](https://i.ytimg.com/vi/jOLgUjcTFEI/default.jpg)
![SvelteKit Crash Course Follow Up - Deploy Your Project to Production](https://i.ytimg.com/vi/qD4wJ62NIZc/default.jpg)
![Hide API Keys with Firebase Config! | Firebase Config Tutorial](https://i.ytimg.com/vi/Pk5xgifoLYI/default.jpg)
![Hide API Keys Without dotenv environment variables | Hiding API Keys in Javascript Netlify](https://i.ytimg.com/vi/2J3xbMkH2K4/default.jpg)
![Host your site for free, with version control, staging, and more using Netlify](https://i.ytimg.com/vi/i9qCmQ2EeUA/default.jpg)
![Use the Google Maps API to build a custom map with markers](https://i.ytimg.com/vi/CdDXbvBFXLY/default.jpg)
![How to hide your API keys SAFELY when using React](https://i.ytimg.com/vi/FcwfjMebjTU/default.jpg)
![NetlifyCMS outside Netlify - Robin Pokorny](https://i.ytimg.com/vi/pPzZrWwvDNg/default.jpg)
![5 JavaScript Concepts You HAVE TO KNOW](https://i.ytimg.com/vi/a00NRSFgHsY/default.jpg)
![Using DOTENV to hide Api Key in React JS | News App in React JS [ PART 5 ] | Inshorts clone](https://i.ytimg.com/vi/3RgpuNR9JI8/default.jpg)
![FREE API Hosting! Easy Serverless APIs with Netlify Functions & JavaScript!](https://i.ytimg.com/vi/vEFJZ9rSSNM/default.jpg)
![How the Heck Do API Keys Work?](https://i.ytimg.com/vi/cF_MCAmuoI4/default.jpg)
![Axios Crash Course | HTTP Library](https://i.ytimg.com/vi/6LyagkoRWYA/default.jpg)
![Local Development of Serverless Functions on Netlify — Learn With Jason](https://i.ytimg.com/vi/V3yIRfweizw/default.jpg)
![Using Netlify, Part 2: Forms & API, Notifications, and Configuration](https://i.ytimg.com/vi/6E_odMmKP6g/default.jpg)
![Securing Your Serverless API With API Keys](https://i.ytimg.com/vi/n5aSq1L5nIw/default.jpg)
![How to hide secret API Keys with Netlify Functions, and develop them locally with Netlify Dev](https://i.ytimg.com/vi/gWIK_QHyuWs/default.jpg)