Laravel Stripe Checkout tutorial | VueJS

My Gear:
Monitors 1. amzn.to/2X9IC37 2. amzn.to/3CadhwA
Mouse: amzn.to/3nAtIhH
Keyboard: amzn.to/3z7jfw7
Webcam: amzn.to/3hvWbRF
Mic: amzn.to/3lj7uhn
Hey what’s going on in this video were gonna integrate stripe checkout into a laravel app were also gonna be using VueJs for the frontend
Stripe checkout is a really nice and easy way to implement a checkout page
By the end of this video you will have stripe checkout set up for one time purchases, Subscriptions And the web hooks you need to confirm the purchase on your app

[@oshjones]

Thanks for this video from Wales in the UK :) very helpful

[@ammhirarath]

Best video i found in one day

[@paatuc6457]

thank you for the tutorial, best laravel coach! not 7h tutorials like others :D and good explanation too

[@paatuc6457]

trying to make optimized perfect (code) from the very beginning like in most tutorials by others is anxious, frustrating and makes passive to learn and easy to quit :D your tuts are the best from this part also, if it works its perfect :D after years make it better if needed. Laravel is pretty secure out of box already with database and authetication.

[@mattsocha8754]

Yeah exactly. I try to focus getting things working and if people want to organize the code or rewrite things they can! But the most fun part is getting the app working imo lol

[@ChourikFousseni]

thanks for the tutorial , you help me , god bless you

[@jmeaulnes9272]

Thank you for this tutorial which allowed me to take off with Stripe while I was floundering for several days. However, I encountered the following problem. In my view, since sessionId values ​​only arrive once the page has loaded, the component was not properly initialized and the program was complaining about not receiving this value. A v-if="oneTimeId" respectively v-if="sessionSubId" in the divs enclosing the component solved the problem. Also, no offense, it seems to me that your speaking rate is a bit fast, especially for people like me whose native language is not English.

[@nemac23]

@9:59 For production it's better to use the config files and then cache them, rather than accessing env directly , eg "config('services.stripe.stripe_api_key')"

[@lobobogard9236]

excelent video thnx so much from mexico

[@evgenyromanov6643]

Great video, thanks, Matt!

[@mattsocha8754]

Glad you liked it! Thanks :)

[@Br4400klyn]

Great tutorial, thank you!

[@youssefvideotube]

Amazing video ! thank you so much for sharing this video ! I have a question... How do we link the checkout session with the authenticated user on the laravel side ?

[@mattsocha8754]

When creating a checkout session you can add a key 'client_reference_id' which can take the authenticated user Id.

[@tephgab8023]

Great video, thank you!

[@TechPrakashdotcom]

Great tutorial, it helped a lot. Thanks for sharing😊

[@bieberbalazs6826]

great video. Thanks for your time. However i have an issue: IntegrationError: Missing value for Stripe(): apiKey should be a string.

[@manishisaxena2712]

Just what I wanted! thanks 👍

[@nrickfikd4015]

Nice video thanks a lot. Two questions please, After checkout.session.complete, and de payment.intent.successed I want send an invoice to my customer. How to do that? Could you make a new video, to do that? Thank you

[@mattsocha8754]

Thanks! Glad you enjoyed it! I’ve actually never sent a invoice with stripe but the php stripe plug-in should be able to do it with \Stripe\InvoiceItem::create([ 'customer' => 'cus_4fdAW5ftNQow1a', 'price' => 'price_CBb6IXqvTLXp3f', ]); $stripe->invoices->sendInvoice('in_18jwqyLlRB0eXbMtrUQ97YBw', []); This is from the docs. I’d recommend taking a look if you need more info

[@ankitsubedi829]

Hello Matt, My webhooks is basically saying "Failed to POST" and idk what to do.

[@bomstechnology15]

Hi, and already thank you for this tutorial which is very explicit, but when I reproduce it I encounter a problem I don't know if it's because I'm still local... the error is: "Vue Stripe will not work on an insecure host. Make sure that your site is using TCP/SSL. " Thanks for your help

[@283518]

thanks a million

[@nightchiller]

Instead of implementing the webhook just to get the check if the payment succeeded, can't you just use the success route?

[@mattsocha8754]

Technically yes but depending on what I your success route is anyone can visit it and may be able to fake a purchase if they just visit /success The web hooks guarantee that the purchase is valid from both stripe and your systems side. It’s way more secure

[@nightchiller]

@@mattsocha8754 you get a session back. Can you verify that on a successcontroller or do you need the webhook with the signiture header?

[@nightchiller]

maybe `$session = Session::retrieve(request()->query('session_id'));` is doing that

[@nemac23]

Webhooks are for when you can't successfully redirect your user to the success page.

[@legitcyberlord869]

Please can you make a video on Stripe Issuing? Creating and managing of virtual cards.

[@mattsocha8754]

Thanks for the suggestion. If I get the time I’ll make a video on that!

[@legitcyberlord869]

@@mattsocha8754 Thanks very much. Looking forward to that

[@davidrowlands8548]

keep getting this error when I click on the Pay now! button: Vue Stripe will not work on an insecure host. Make sure that your site is using TCP/SSL.

[@mattsocha8754]

Hmm that’s strange. I would double check that I’m importing vue stripe correctly and that I’m using stripe test api keys. If that doesn’t work I’d take a look at the vue stripe documentation

[@mattsocha8754]

Nice good find!

[@dominicgonzaga2709]

got this problem too, any fix?

[@bryonswanson6326]

Same issue-- here is the error message I get on the localhost: Error: Vue Stripe will not work on an insecure host. Make sure that your site is using TCP/SSL.

[@entriL1337]

@@mattsocha8754 same happens to me, looked into documentation still can't solve it. The key is correct. Whenever component with vue-stripe is used it says that Vue Stripe will not work on an insecure host. Any ideas, maybe you got the fix?

[@hugoguillermo4392]

Hello, how can I pass the ID of the person who made the payment through checkout?

[@mattsocha8754]

When creating the session. You can pass in a extra value of client_reference_id

[@everytrends3768]

for whom did you made this video???????

[@martindrake8707]

🙋 Promo-SM.

[@arturmuellerromanov4438]

If you encounter "Vue Stripe will not work on an insecure host. Make sure that your site is using TCP/SSL." you might have used the wrong key (secret key) instead of the publishable key (pk_test_xxx...) for which you have to activce test mode in your stripe account.