Hide API Keys with a Node.js API Proxy + Caching, Rate Limiting and Slow Downs

Поділитися
Вставка
  • Опубліковано 27 жов 2024

КОМЕНТАРІ • 130

  • @jdhage89
    @jdhage89 4 роки тому +20

    Without UA-cam I would have never found out about you and what you do. I'm going to tune into your Twitch in the future, but these videos available on UA-cam have been invaluable to me, and I really appreciate your taking the time to cultivate this coding garden!

  • @Jaykmrch
    @Jaykmrch 4 роки тому +11

    I learnt how to do all this myself and was always nervous that the things I was doing were not best practices and wrong. I feel validated that I was using best practices now lol. Thank you so much.

  • @pikolino210
    @pikolino210 4 роки тому +1

    Wow bro Im a programming beginner and usually pretty slow too, and even though I clicked on this video without even knowing what exactly it is about, I must say I understood everything super clear! You're awesome, thank you!

  • @rautanenolavi
    @rautanenolavi 4 роки тому +3

    Hey! Happy to find your content as this was closely related to a topic I was struggling to tackle. You earned yourself a new fan!

  • @not-yourbusiness
    @not-yourbusiness 4 роки тому +4

    We support you as well! I'm loving your content and your personality from France !

  • @benhakliyim6405
    @benhakliyim6405 4 роки тому +5

    I was looking for this for almost a month. Finally got a decent answer

  • @TomCupis
    @TomCupis 4 роки тому +27

    Hope you keep making these youtube highlights! I've recently discovered your channel on yt and its great! Might even go visit your twitch ;P

  • @weslleyhenriquecavalcante2607
    @weslleyhenriquecavalcante2607 4 роки тому +1

    I learned about backend and sec with this video more than in my whole life. Thanks, CJ for that loveable content.

  • @johnyepthomi892
    @johnyepthomi892 3 роки тому +1

    Awesome upload as always

  • @rahulsolankib
    @rahulsolankib Рік тому +1

    Loved it, these are rare, precious practical knowledge

  • @codewithkawagari6377
    @codewithkawagari6377 3 роки тому +1

    i don't know what to say but this one really helps me a lot! Love you so much!

  • @eunito9447
    @eunito9447 3 роки тому +1

    Man! You are such a great tutor! Congrats!!!!

  • @martinmj94
    @martinmj94 3 роки тому

    Got a ton of value from this video. Just leaving a comment in appreciation.

  • @Tszyu01
    @Tszyu01 4 роки тому

    Another option to consider for the proxy portion of this code is express-http-proxy which will effectively and easily forward/proxy requests to specified path including headers, params, body and similar as a simple middleware. It has plenty of configuration options to rewrite the path or perform actions before/after proxying. There is nothing wrong with axios, but the effort can be simplified using a library like that.

  • @ceralguy85
    @ceralguy85 4 роки тому +2

    CJ great video this is one of the best tech channels. Have you ever try to apply clean architecture to a project. I would be great to see you how to structure a project.

  • @tomigmelo
    @tomigmelo 4 роки тому +1

    Very informative video. Quick and easy. Keep up the good work!

  • @isurumaldeniya9536
    @isurumaldeniya9536 3 роки тому +1

    Quality content. Learn new things. Thanks ❤

  • @marc1an4
    @marc1an4 Місяць тому

    Great video! Thank you so much!

  • @groovebird812
    @groovebird812 4 роки тому +2

    Hi, you are great. Yesterday i built a little app which exactly the same problem and i did it like in the video, but you show much more useful things. Thank you :-) It was amazing if you could make a video like this to the following topic: how can our own api more secure? (api key? authentication? json web token? I don't know :-))

  • @sams6454
    @sams6454 4 роки тому +1

    This is seriously impressive

  • @MaZyYTube
    @MaZyYTube 4 роки тому +1

    I learn from you so much. Thats insane.

  • @davidhernandeze
    @davidhernandeze 4 роки тому

    you help me a lot since I'm starting with node js

  • @sivaganesh4489
    @sivaganesh4489 4 роки тому +1

    wow what a content really appreciating. Thank you dude

  • @asfandsiddique7434
    @asfandsiddique7434 3 роки тому

    Your videos are great, keep posting content like this

  • @rajshrishrimal2653
    @rajshrishrimal2653 4 роки тому

    Superb video CJ !!! 😎

  • @tanwanimohit
    @tanwanimohit 4 роки тому +1

    Love your explanation❤

  • @howardh6857
    @howardh6857 4 роки тому

    you can limit the website CORS or ip/domain restriction i.e. use a api gateway or use ssl 2way ssl. when you register a key tie it to a domain name

  • @dislexicllama
    @dislexicllama 4 роки тому

    Keep making these youtube highlights! I won't be able to watch your Twitch stream, so if you didn't make these videos I'd be missing out on all the good stuff! Keep it up :)

  • @scipakos
    @scipakos 4 роки тому

    Super video. Thanks!!

  • @esiokao1932
    @esiokao1932 2 роки тому

    Much appreciated !

  • @EducationAllTheTime123
    @EducationAllTheTime123 8 днів тому

    Brother, I had a Node.js project, then we changed the method of connecting to SQL, and all the SQL queries slowed down. Later, we reverted to the old method, but it couldn't reach the old speed again. What can be done? Windows Server Data Base Mssql

  • @timojedai6576
    @timojedai6576 4 роки тому

    Dope content 🙌🏽

  • @rabbyhossain6150
    @rabbyhossain6150 4 роки тому

    Incredible work.

  • @baekdusan815
    @baekdusan815 4 роки тому

    I keep watching your videos bc you are fun and nice to watch 🤗🤗🤗🤗🤗☺️❤️

  • @joelbrandao4
    @joelbrandao4 4 роки тому

    This is gold content!

  • @Chaaos2
    @Chaaos2 4 роки тому +1

    This was an amazing video! Freaking Randy!

  • @indrakhatiwada9860
    @indrakhatiwada9860 4 роки тому +1

    have a great vacation CJ

  • @rithwiksm
    @rithwiksm 4 роки тому

    CJ's content is amazing 🤩

  • @abstractionGod
    @abstractionGod 7 місяців тому

    Thanks!

  • @introduction
    @introduction 4 роки тому +3

    Hey, I need help. I am curious, how can I go about logging each request made with api, so I can know the total amount of request being made to my api and store it somewhere?

    • @tomigmelo
      @tomigmelo 4 роки тому

      Commenting because I wanna know too

    • @introduction
      @introduction 4 роки тому

      @@tomigmelo I was able to do it on my own slightly, I used mongodb, but I'll rather know how he'll go about it.

    • @OfficialGOD_YT
      @OfficialGOD_YT 4 роки тому

      @@introduction he'll also do the same

  • @restuwahyusaputra7764
    @restuwahyusaputra7764 4 роки тому

    Great content thanks

  • @josefreitas6997
    @josefreitas6997 2 роки тому

    Hey! If you wanted to make a post request using express and axios like you used in this video how would it be? I've been scratching my head trying to find a solution!

  • @AnthonyJackman
    @AnthonyJackman Рік тому

    What coding break timer are you using in this video?? I did notice that you are on an Apple device, but I should be able to find a windows export of this same one.

    • @CodingGarden
      @CodingGarden  Рік тому

      github.com/CodingGarden/faqs/#what-is-that-break-reminder-that-keeps-popping-up

  • @AliParlakci
    @AliParlakci 4 роки тому +6

    That's some great tutorial there

  • @Mohammed-vl8sj
    @Mohammed-vl8sj 4 роки тому +2

    How did you create the express setup from the command line..?

    • @mayorityz
      @mayorityz 4 роки тому

      there is a package that when installed, sets it all up. kinda like Laravel. I think it is Node-Expres..

  • @gonzalo8642
    @gonzalo8642 4 роки тому +1

    What plug in did you use to display the comment with the date at 18:22

  • @truongnguyenvan9050
    @truongnguyenvan9050 4 роки тому

    Great videos. thanks you so much

  • @chriswhincop7944
    @chriswhincop7944 4 роки тому

    Thanks, CJ! :)

  • @georgep6553
    @georgep6553 4 роки тому

    You can encrypt the data so that only you can decrypt it. The decryption is the "authentication". CORS is another option.

  • @ivanknezovic8451
    @ivanknezovic8451 4 роки тому

    Great videos mate, keep it up! "I have to change my port" :D

  • @MrChickenpoulet
    @MrChickenpoulet 4 роки тому

    hey really cool vid ! hope you'll keep making some !

  • @abdallahmohamed4591
    @abdallahmohamed4591 4 роки тому

    wonderful content bro, but i've curios to know what is the keyboard that you r using ???

  • @EhSUN37
    @EhSUN37 2 роки тому

    while(true){fetch(url)} and your servers CPU will still be under huge load which is the only thing that matters for ddos attack. your app still needs to check the ip address and the sender is not waiting for response so the speed limit is irrelevant and the CPU is still working with the express-rate-limit library. this is my theory and i dont see why in a hypothetical scenario with lets say a billion request per millisecond your app would survive. you can run that while loop with 100 virtual machines around the world simultaneously .

  • @jamieguthrie1760
    @jamieguthrie1760 4 роки тому

    Randy with the bits!

  • @rajitha1911
    @rajitha1911 3 роки тому

    Thank you

  • @octofox9098
    @octofox9098 4 роки тому

    great content - ty!!!!

  • @sahllsaharn4664
    @sahllsaharn4664 Рік тому

    Question : i want that only my frontend should connect with backend api and if i create a proxy so that user can still take it and make request and do with the data

  • @letmecommentalready
    @letmecommentalready 4 роки тому

    Hey not sure if you’ll see this but have you ever gone over something like this but with 0auth? It’s a tricky subject for me

  • @rileyboyd
    @rileyboyd 3 роки тому

    If the NASA API required a JWT token, where would you store it in NodeJS? I'm new to Node, trying to figure out where a token would be stored in a proxy API set up like this. Also great video, thank you!

  • @tiagocastro6302
    @tiagocastro6302 4 роки тому

    Very good video, but if the attacker changes his IP in every request?

  • @rickyu1978
    @rickyu1978 4 роки тому

    Put your api behind a CDN, and enable hotlink protection or url singing.. or you a API gateway to control all these.

  • @osherezra8460
    @osherezra8460 4 роки тому

    Awesome Video bro keep it up like always, could you share the link to the express scaffold library?

  • @leventc777
    @leventc777 4 роки тому

    Thank u so much, regards

  • @VikasSharma-io5ip
    @VikasSharma-io5ip 4 роки тому

    For a time being if i consider only cache, and not rate limiter and slowdown, to store responses, does that mean for every request i am storing data in cache. Wouldn't that lead to high memory usage? Still video helped.Thanks

  • @ginoescobar8131
    @ginoescobar8131 3 роки тому

    thanks

  • @tysonvega
    @tysonvega 4 роки тому

    hiii there so i need your help trying to start a node js server on shared hosting..but it isn't working what could be the problem

  • @Canon22211
    @Canon22211 4 роки тому

    Cool! Thank you.

  • @rogercolque
    @rogercolque 4 роки тому

    Nice topic man.
    What u recommend me if my api endpoind had many requests
    ,
    For example for in mobile app like a delivery app that its necesary use api for *maps routes and others* _that consumes money and by increasing requests
    _ .
    In mobile app configuration its my problem
    This video applies to this issue?
    its possible to use an new way security *this* using some hack int server (Backend) side.
    Thanks

  • @bsen2267
    @bsen2267 4 роки тому

    You so awesome maaaaan!!

  • @EhSUN37
    @EhSUN37 2 роки тому

    why dont you just use built-in fetch and always use third party lib to make api requsts? i never understood why

  • @miunify
    @miunify 4 роки тому +2

    This is so fcking awesome

  • @yangj6941
    @yangj6941 4 роки тому +1

    how did you create the express generator?

  • @ashutoshpanda4336
    @ashutoshpanda4336 4 роки тому

    So in angular I've left some firebase config in environments folder, so the environment folder is also exposed to client or what kindly let me....

  • @goowik3862
    @goowik3862 4 роки тому

    What is that "take a break" app?

  • @yorrickbakker3533
    @yorrickbakker3533 4 роки тому

    How are you saving dependencies to package.json without --save? Do you have an alias set up?

    • @SpectralVFX
      @SpectralVFX 4 роки тому +1

      npm install command saves dependencies by default ;)

    • @yorrickbakker3533
      @yorrickbakker3533 4 роки тому

      Júlio Michél Guadagnim wow, I never knew that. Sick, saves me like 6 keystrokes

  • @menjil
    @menjil 4 роки тому +3

    can you share your VS Code theme? :)

    • @derekacosta9840
      @derekacosta9840 4 роки тому

      he uses marketplace.visualstudio.com/items?itemName=nur.just-black, he's addressed that before

  • @joshstout
    @joshstout 4 роки тому

    Actual modern and quality accurate content fam! you get my sub

  • @javohir307
    @javohir307 4 роки тому

    Hi, could you tell me what is specs of your current macbook ?

    • @CodingGarden
      @CodingGarden  4 роки тому +1

      This is the MacBook I have: everymac.com/systems/apple/macbook_pro/specs/macbook-pro-core-i7-2.5-15-dual-graphics-mid-2015-retina-display-specs.html

  • @waves-coder
    @waves-coder 3 роки тому

    Eaat or west coding garden is best

  • @thomasersosi4595
    @thomasersosi4595 4 роки тому +1

    About the caching, better store and update the promise in the cache in a synchronous way and then await the cached promise.
    In your current code, if for any reason, the calls to the nasa api take longer to resolve, let's say 10 seconds, then during these 10 seconds, your cache will fail and you will simply forward every single call to the nasa api. So if there's trafic on your api too, you could expire your rate on the nasa api before the cache kicks back in (for 30 seconds, before it may fail you again).
    if (!cachedPromise || Date.now() - 30000 >= cachedTime) {
    const params = ...;
    cachedPromise = axios(`${BASE_URL}${params}`);
    cachedTime = Date.now();
    }
    ...
    const { data } = await cachedPromise;

  • @dawid_dahl
    @dawid_dahl 4 роки тому

    What is time?

  • @manologarciadev
    @manologarciadev 4 роки тому

    Nice !

  • @cjliu4657
    @cjliu4657 2 роки тому

    what vscode theme?

  • @jeffersonestevam5960
    @jeffersonestevam5960 4 роки тому

    What is your VS Code Theme?

  • @arghyamitra3281
    @arghyamitra3281 4 роки тому

    Can we store the keys on Aws secret manager ?

  • @Mutlaq777
    @Mutlaq777 4 роки тому +3

    🌱

  • @DanielSantanaBjj
    @DanielSantanaBjj 4 роки тому

    Please move from Express.js to Fastify and enjoy faster code with little to no changes in your codebase.

  • @sheldonfourie5959
    @sheldonfourie5959 4 роки тому

    Amazing

  • @diegoazpeitia5708
    @diegoazpeitia5708 4 роки тому

    God content!

  • @gillfromamritsar
    @gillfromamritsar 4 роки тому

    what are those bits means ?

  • @fxstreamer238
    @fxstreamer238 3 роки тому

    why dont you just use feth()?

  • @ragilburhanudinpamungkas9571
    @ragilburhanudinpamungkas9571 3 роки тому

    wow. its a great explanation, woukd you like to exolain error middleware handler in your project. thank you.

  • @earthycoin
    @earthycoin 3 роки тому

    Nice

  • @rastabong420
    @rastabong420 4 роки тому

    10:01 more bits

  • @lastmaj
    @lastmaj 4 роки тому

    please keep doing youtube highlights ^^ thanks

  • @surendravadaparthy2224
    @surendravadaparthy2224 4 роки тому

    What's the theme he is using for vscode ??? Anyone

    • @hb2998
      @hb2998 4 роки тому

      He has a video where he setups up his mac. Its not a simple theme, but lots of different configs and extensions. His instructions are clear and he has most of what you need to type on github so you can just copy and paste his settings, etc.

    • @CodingGarden
      @CodingGarden  4 роки тому +1

      See my vscode settings here: github.com/CodingGarden/vscode-settings#themescolor

  • @jamesnelson174
    @jamesnelson174 4 роки тому +2

    Hello I love you work. Please develop a twitter clone with react node js.
    Love u.

    • @mayorityz
      @mayorityz 4 роки тому +1

      he has ... ua-cam.com/video/JnEH9tYLxLk/v-deo.html

  • @tautologicalnickname
    @tautologicalnickname 4 роки тому

    whats ur colorscheme please?

  • @jjfattz
    @jjfattz 4 роки тому

    Are you no longer live streaming on YT?

    • @jferris
      @jferris 4 роки тому

      CJ is trying to get partnered on Twitch and so he now only streams there. VODS and edited videos like this will continue to be posted here though.

    • @pranjalagnihotri6072
      @pranjalagnihotri6072 4 роки тому

      He streams on Twitch now. But there is a special stream coming on UA-cam soon

  • @rsbah
    @rsbah 2 роки тому

    Goddamnit Randy 😂