How to integrate Stripe Checkout with Node.js

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ต.ค. 2024
  • In this video, we're gonna learn how to integrate the Stripe Checkout with a Node.js project.
    We're gonna use Express, EJS and the official Stripe module to create a simple page with some products that will lead the buyer to the Stripe Checkout page and then complete the payment by passing the card details and shipping address.
    🔗 GitHub Repository:
    github.com/man...

ความคิดเห็น • 63

  • @erikaspetrauskas8251
    @erikaspetrauskas8251 2 หลายเดือนก่อน +4

    I've been looking for someone to explain the process for a newbie like me, and you were the first person to actually go in depth and explain what you're coding. Great video, you helped me a lot.

    • @manfraio
      @manfraio  2 หลายเดือนก่อน +1

      Thank you for the comment my friend.
      Glad I could help 🤜🏻🤛🏻

    • @erikaspetrauskas8251
      @erikaspetrauskas8251 2 หลายเดือนก่อน +1

      @@manfraio Whats up man. How would you go about adding CSS? I made a CSS file and linked it to the index.ejs file but it would not work. Thanks

    • @manfraio
      @manfraio  2 หลายเดือนก่อน +1

      @erikaspetrauskas8251 you have to make the directory where the css file is, public for the browser.
      For example, imagine you have a folder called “public”, where the css file is.
      So on the index.js file, you have to make the public folder available for the frontend, so you can add this line of code:
      app.use(express.static('public'))
      Then on the index.ejs file:

    • @erikaspetrauskas8251
      @erikaspetrauskas8251 2 หลายเดือนก่อน +1

      @@manfraio Thank you so much!

  • @jorgeduardoardila
    @jorgeduardoardila 7 วันที่ผ่านมา +1

    great!!! thanks! really appreciate your good vibe and excellent tutorial!!

  • @erenerenworld
    @erenerenworld หลายเดือนก่อน

    Love it. Can you make more video like this on more advanced stuff in node pleasee!! You are very clear.

  • @kevin-howard
    @kevin-howard 4 หลายเดือนก่อน

    Thank you for this video, really helped me. The best video for implementing Stripe checkout. All the best ! Subscribed !👍

    • @manfraio
      @manfraio  4 หลายเดือนก่อน

      Thank you🤜🏻🤛🏻

  • @davidmolina4077
    @davidmolina4077 4 หลายเดือนก่อน

    I think there's a gap in TH-cam for content that puts focus in the production environment, with best practices and procesures explained in detail and the why's of them. I am (and probably a lot of your viewers) in that stage of putting out there my own projects, and being fully self taught I find it hard to know/learn the hows or find easy, quality content regarding production ready projects. I'd love that you keep giving the valuable insights that you include in your videos. Keeping a part of your focus in that is gonna make your videos blow, for sure! You got my subscribe, thank you so much for your effort and great work! I stumbled across your channel today and got this weird feeling that you are exactly explaining what I needed (Isn't it magic when that happens?) Keep it up brother 🫶

    • @manfraio
      @manfraio  4 หลายเดือนก่อน

      Thank you very much my friend 🤜🏻🤛🏻

  • @SyedAliRaza-u7l
    @SyedAliRaza-u7l 5 หลายเดือนก่อน +1

    Great work. Please make a detailed video on stripe subscription in nodejs as I didn't find great content on youtube regarding.

    • @manfraio
      @manfraio  5 หลายเดือนก่อน

      Yes, there will be two Stripe videos next.
      One about Stripe connect and the other, about Stripe Subscription.

  • @failenn_7745
    @failenn_7745 3 หลายเดือนก่อน

    Can stripe take a variable for its title of the item added to cart, or does it always have to be a string? I’m trying to figure out how to create the add to check out for variables imputed client side.

    • @manfraio
      @manfraio  3 หลายเดือนก่อน

      Yes it should accept.

  • @rishu_rvlogs5113
    @rishu_rvlogs5113 2 หลายเดือนก่อน

    hey, thanks for the video. by the way i have a question, suppose we want to integrate payment through card but also save payment details so that next time when user comes to pay he does not have to fill his details and just clicking the checkout page should auto deduct the payment and redirect to successful page, is it allowed in stripe as i am not able to find content related to this.

    • @manfraio
      @manfraio  2 หลายเดือนก่อน

      Thank you.
      Once you receive the session details on the success route, grab the customer id and save somewhere on your database for example.
      Next time, when you create a session checkout, you can pass the “customer” property which expects a customer id (generated by stripe).
      It will fill the checkout payment details with the last payment details.

    • @manfraio
      @manfraio  2 หลายเดือนก่อน

      If you want to build you’re own card form and save to a customer or charge, please check this video:
      th-cam.com/video/Gss3XDfjNKo/w-d-xo.html

  • @mrinalbera6080
    @mrinalbera6080 หลายเดือนก่อน

    I am a newbie in stripe, i have a doubt that when u click in checkout the payment page open, is it by default come or you have created this page?
    Thank you so much for your content ❤❤❤

    • @manfraio
      @manfraio  หลายเดือนก่อน

      It comes automatically.

    • @mrinalbera6080
      @mrinalbera6080 หลายเดือนก่อน

      @@manfraio thank you sir, plz keep making other required videos to implement other features of stripe. Also plz keep making videos on other important features packages same way so can get benefitted 💕💕
      Love from India 🇮🇳🎉🎉🎉

    • @manfraio
      @manfraio  หลายเดือนก่อน

      Thank you my friend.
      There’s a video about how to create Stripe Subscriptions:
      th-cam.com/video/iUJ82_mVEVI/w-d-xo.html
      And also how to create your own card form to collect payments or save to a customer wallet, using Stripe Elements:
      th-cam.com/video/Gss3XDfjNKo/w-d-xo.html

    • @mrinalbera6080
      @mrinalbera6080 หลายเดือนก่อน

      @@manfraio thank you sir

  • @endfine9230
    @endfine9230 5 หลายเดือนก่อน +1

    Very helpful video, thank you!

  • @amish198
    @amish198 3 หลายเดือนก่อน

    Great great tutorial ❤ you got a new subscriber my bro ❤

    • @manfraio
      @manfraio  3 หลายเดือนก่อน

      Thank you 🤜🏻🤛🏻

  • @condra1332
    @condra1332 หลายเดือนก่อน

    Thanks. great simple explanation

  • @bonekazz-8441
    @bonekazz-8441 4 หลายเดือนก่อน +1

    THANK YOU! Great explanation bro, +1 sub

    • @manfraio
      @manfraio  4 หลายเดือนก่อน +1

      Thank you🤜🏻🤛🏻

    • @bonekazz-8441
      @bonekazz-8441 4 หลายเดือนก่อน

      @@manfraio 👊. Can you make a video about possible risks on the frontend? I was thinking about what a malicious user can do with the requests

  • @notorious1298
    @notorious1298 5 หลายเดือนก่อน +1

    Great tutorial, thanks!

  • @InApproach
    @InApproach 10 วันที่ผ่านมา

    Thank you so much.

  • @aryapandey789
    @aryapandey789 หลายเดือนก่อน +1

    I am not getting the url in my terminal
    what should i do

    • @manfraio
      @manfraio  หลายเดือนก่อน

      Are you getting any data on the response? What is showing on the terminal?

    • @aryapandey789
      @aryapandey789 หลายเดือนก่อน

      @@manfraio no I am not getting any other data also , it just showing server started at 300o

    • @aryapandey789
      @aryapandey789 หลายเดือนก่อน

      Now it is showing invalid api key in terminal how to correct this?

  • @YTCFacts
    @YTCFacts 2 หลายเดือนก่อน

    TOP!!! great work!

  • @rabing99
    @rabing99 2 หลายเดือนก่อน

    Thanks bro ! Also i want to know how to redirect back to app after payment completed.

    • @manfraio
      @manfraio  2 หลายเดือนก่อน

      You can redirect directly to the page you want instead of redirecting to a success page.

  • @karanchavan6818
    @karanchavan6818 4 หลายเดือนก่อน

    Error: Cannot find module 'ejs' ??? please give me solution

    • @manfraio
      @manfraio  4 หลายเดือนก่อน +1

      When this error is happening? When you’re installing the module or running the application?

    • @karanchavan6818
      @karanchavan6818 4 หลายเดือนก่อน

      ​@@manfraio when running the application in first time.

    • @manfraio
      @manfraio  4 หลายเดือนก่อน

      @karanchavan-xx8fs are you seeing ejs installed on the package.json file?

  • @RR-et6zp
    @RR-et6zp 6 หลายเดือนก่อน +1

    Hey can you please make a video on stripe connect standard? so for an app like lyft where the app takes lets say 10%

    • @manfraio
      @manfraio  6 หลายเดือนก่อน +1

      Hey, sure. Probably on 2 weeks. I’m finishing a video for next week, and after that I’ll make one about stripe connect.

    • @RR-et6zp
      @RR-et6zp 6 หลายเดือนก่อน

      @@manfraio great thanks so much. I thin it will do well because there isn't much content on it on youtube + others would like to try and build the lyft type app where the marketplace takes a percentage and distributes to drivers, for example

  • @naeemmahaar5192
    @naeemmahaar5192 3 หลายเดือนก่อน

    I want to collect donations in my stripe account with two preset and one custom amount.how can i create a checkout session for that plz guide by making a video on this

    • @manfraio
      @manfraio  3 หลายเดือนก่อน

      Hey. We’re making several of videos about Stripe and donations will be on the way as well.

  • @wesleyparastchuk4653
    @wesleyparastchuk4653 23 วันที่ผ่านมา

    Are you from Brazil?

    • @manfraio
      @manfraio  23 วันที่ผ่านมา

      Sim 🇧🇷

  • @jatin_9911
    @jatin_9911 2 หลายเดือนก่อน

    thank u so much sir ♥ ♥

  • @rinkuv37
    @rinkuv37 5 หลายเดือนก่อน

    great men thank you very much ♥

  • @ChetanRaval-cd3du
    @ChetanRaval-cd3du 4 หลายเดือนก่อน

    nice

  • @Beautifulcomments
    @Beautifulcomments 5 หลายเดือนก่อน

    Wha about making a live version?

    • @manfraio
      @manfraio  5 หลายเดือนก่อน +1

      In future videos we’ll publish a complete project with Stripe to production.

    • @OnlyJavascript
      @OnlyJavascript 5 หลายเดือนก่อน

      @@manfraio Thank for the content. this is amazing. please build custom component instead of redirecting to stripe checkout page

  • @i3looi2
    @i3looi2 หลายเดือนก่อน

    I just closed all my paypal accounts after struggling for 8y with their ass Documentation that is rarely up to date and mostly merges v1 with v2 in a total mess. (+ their website loads like ass; even though documentation is mainly text)
    But today , was too much. I have 2FA enabled on account so imagine what happens when the SMS CODE is no longer coming.
    Try to ask for help in support chat ? Nope, you need to be loggedin.
    Try to call ? Robot handler.
    Try on forums ? Nope, Paypal loggin.
    Try to make new dummy account ? Nope, it requires phone number , that uses OTP code .. back to square 1, since their SMS does not work/is down.
    I am locked out from account for 3days now. With no remedy in sight.
    Thanks for the video. I knew Stripe integration was easier .. but damn , this is too easy.

  • @bonekazz-8441
    @bonekazz-8441 4 หลายเดือนก่อน

    é do braza meu mano? kkk

    • @manfraio
      @manfraio  4 หลายเดือนก่อน

      Sim rsrs🇧🇷

    • @bonekazz-8441
      @bonekazz-8441 4 หลายเดือนก่อน

      @@manfraio dalee 🇧🇷 lkls. Reconheci pelo sotaque

  • @srgmedia.agency
    @srgmedia.agency หลายเดือนก่อน

    Hi, one quick question... when I first run "npm init" and then again click enter in the terminal, it doesn't create the package.json file

    • @srgmedia.agency
      @srgmedia.agency หลายเดือนก่อน

      okay nvm I got it now

    • @manfraio
      @manfraio  หลายเดือนก่อน

      Great. Sometimes you might have to refresh VSCode when using npm init for the package.json file to appear.