React & Stripe | Pagos en Linea usando React, Nodejs y Stripe
HTML-код
- Опубликовано: 14 сен 2020
- Este es un ejemplo práctico de como integrar pagos en linea en aplicaciones web que usan React y Nodejs como backend. Es decir que aprenderemos a usar Stripe.js desde el Frontend y Backend.
CÓDIGO DEL EJEMPLO
github.com/Faz...
VARIABLES DE ENTORNO NODEJS
• Variables de Entorno e...
PM2
• PM2 | Administrador de...
MONGOOSE
• Mongoose | Introduccci...
CURSO DE MONGODB
• MongoDB Curso, Introdu...
CURSO DE NODEJS
• Nodejs Curso Desde Cer...
CURSO DE EXPRESS
• Expressjs | Nodejs Fra...
CURSO DE JAVASCRIPT
• Curso Javascript para ...
CURSO DE GIT
• Git y Github | Curso P...
VISUAL STUDIO CODE
• Visual Studio Code, Ed...
DENO
• Deno, Vistazo Rápido
VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
www.faztweb.com
blog.faztweb.com
FAZT - RUclips:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
DISCORD
/ discord
SLACK
join.slack.com...
PARA MÁS CONTENIDO
faztweb.com/so...
#react #stripe #nodejs 
Наука
Fazt, te agradecería un vídeo con mercadoPago, es lo más común por lo menos en Argentina y otros países de Latinoamérica
Si por favor.
Si por faa copate 😀
X3
React & MercadoPago 🙏🏼
I realize I am kinda randomly asking but do anyone know of a good site to watch newly released tv shows online ?
¿Hay algo que este joven no haga bien? Gracias Fazt!
Fast un curso de cómo aprender a aprender tan rápido y confiadamente, gracias por sus videos
Sos un genio explicando. Rápido, conciso y un codigo muy limpio. Muy util el video, lo voy a descargar por las dudas xD
Fuking love youe bro, siempre tienes tutos de lo que necesito y bien explicados
Empiezo x suscribirme, sigo por ponerle pulgar arriba a este increíble video, sigo x darte las gracias x hacerlo y x ser tan claro... y queda pendiente cuando tenga trabajo Unirme... loco que bien q explica!!
Excelente video, desde el principio hasta el final
Grande Fazt! 👏🏼👏🏼
buenisimo el video. Habia visto el de stripe con js vainilla pero este estaba pendiente. Gracias Fazt!
Eres buen RUclipsr y eres buen maestro enseñas muy bien, deberías dar clase en una plataforma virtual como Udemy
Fazt sos mi idolo, todo lo que se, lo aprendi gracias a vos! un saludo desde Argentina!
Hola Fazt, algún video para recibir pagos con Mercado Pago y React? Stripe esta muy cool, pero no se puede usar en todos los países de
América Latina!
Muy buen video, como siempre contenido de calidad y muy bien explicado! Gracias!!
Me salvaste la vida fazt, está semana tengo que integrar stripe a react en una página que estoy haciendo, y apenas iba a empezar con la doc, pero me salvaste de dudas, muchas gracias, sigue así 👌
Excelente! como siempre. Muchas gracias por compartir todo tu conocimiento!
Muchas gracias, siempre encuentro tutoriales tuyos de la información que necesito : )
Fazt: Vamos a utilizar algo diferente porque ya se aburrieron de bootstrap.
Yo: qué bien, nos va a enseñar Foundation,bulma..
Fazt: vamos a usar bootswatch
Yo: .-.
Gracias Fazt, eres sencillamente lo más increíble y estoy sumamente agradecido por todo lo que he aprendido de ti.
por ejemplo material-ui
Genial fazt esperando otro video de stripe esta vez con python flask o django.. saludos crack
Que el dios del internet llene de bendiciones a Fazt.
Es mucho mas facil de usar de lo que pensaba, excelente video!
Hola buenas fazt eres un grande con tus videos son bastante buenos y se aprende muchisimo!. Agradeceria mucho si pudieras subir un video de como crear y renderizar apps de react mediante Server Side Rendering, un saludo!!
Excelente video te agradezco mucho es muy util!
Nuevo subscriptor!!! 🔥🔥🔥
Siempre salvando la vida
lo veré más tarde, pero justo estos son los temas que quiero ver. con la pandemia la demanda del ecommerce ha aumentado y con ellos los programadores en esa área.
Eres el mejor fazt
Eres grande Fazt!!! Dios te bendiga!!!
En cuanot meto el input dentro de una etiqueta deja de visualizarse en en DOM, Sin emabrgo si quito la etiqueta se ve......¿Esto como se soluciona?
Justo lo que estaba requiriendo, GRACIAS.
Psdt: Si puedes hacer mas ejemplos usando Stripe te agradeceria.
Excelente FAZT!!!! amigo ojala puedas tomar el tema de facturación electrónica con node y react, muchos te agradeceríamos!!!!
Hola fazt, me gustaría que hicieras un vídeo explicando un poco sobre react más redux
Fast Code sos el mejor, podrías subir un vídeo con la pasarela de Mercadopago y React . Muchas gracias
Muy buen video gracias!
Genial, pero me frenete por el CORS. Alguna razon por la que CORS sigue apareciendo? "No 'Access-Control-Allow-Origin' header is present on the requested resource" inclusive si puse en mi express api: res.header("Access-Control-Allow-Origin", "*");
Eres el mejor Fazt mil gracias
Tremendo! Gracias Fazt!
Genial!!! Gracias, pense que iba a ser mas dificil pero lo hiciste muy sencillo. Mi consulta: Donde entran los webhooks? Stripe tarda en "confirmar" las compras? hay algun webbook que struipe devuelve que podamos usar para cambiar el estado de las ordenes?
Estoy viendo el video y no he llegado a la parte de cuanto es que cobra Stripe de comicion por transacion?
grasias por todo fazt.... todo lo que se, se lo debo adios primero y despues a falcon master y a fazt
👌 Excelente video, quizas mas adelante hagas un ejemplo pero usando la api de paypal
Hola FAZT, primero agradecerte por la informacion q compartes, es de mucha utilidad, existe la posibilidad q hagas un video usando Stripe, en un proyecto creado en React Native desde Expo y con Firebase como backend. GRACIAS.
Como hago si no quiero colocar el código postal en el pago, ya que acá en Perú no es necesario ello
Nice tutorial. I use stripe react all the time :)
cual es el tema que usa?
¿Por que nunca ocupas el boton que dice Terminal ?
Cuando uno de flutter fazt
si quiero hacerlo con Next js, es igual???
fazt acereeeeeeeeeeeeeeeee gracias eres un crack desde cuba miami
La ruta /api/checkout/ en qué minuto se ha creado?
La verdad que me gusta, yo lo intenté hacer con Vanilla JS en el curso de JonMircha el otro día y no me funcionó, ojalá que con Fatz aprenda algo mejor cómo hacerlo exactamente, aunque no uso React supongo que ciertas cosas se aplican igual. PD: cómo se llama Fatz? Nunca he sabido su nombre y como es tan reservado, no sé si lo ha dicho alguna vez o no?
Hola! genial el tutorial! tengo una pregunta, como esto se traduciría a que el dinero llegue a la cuenta destino deseada, porque se ve reflejado las compras en stripe, pero como se traduce eso a que si se está pagando del comprador al que vende! gracias !
hola Fazt que buen video!, una duda, como validas si la tarjeta tiene dinero realmente? Ya que asi cualquiera podria realizar un pago.
. por si responden
También me quedo la duda de como es el proceso que sigue para verificar que realmente la tarjeta tenga dinero
x2
Eso lo hace Stripe, ahora como le hacen ellos, sabrá quien.
.
Excelente video fazt como siemprez fazt una pregunta cómo se llama ese tema de color que tienes en vscode ??
Que buen video aprendí bastante amigo muchas gracias, solo me queda una pequeña duda y es si al montar el proyecto a una plataforma como netlify o heroku sigue funcionando igual?
Todos hablan del vídeo, pero a Fazt se le escucha diferente. No sé si soy yo, pero a mí parecer ya no se le escucha con el mismo ánimo. ¿Que le pasa a nuestro Lord Fazt?
Hola muchas gracias por tus vídeos, siempre aprendo un muchas cosas. Te quería preguntar , en la plataforma stripe hoy día hay un funcion que crea un link y comprar tiendo ese link tu clientes puedes gestionar el pago por medio de la pasarela, crees tu que colocando ese link dentro de un boton podría ser suficiente y así no hacer el servidor ni el forntend de la pasarela. solamente la card de los productores o por temas de seguridad es recomendable hacerlo en código toda la lógica. Gracias desde España
Ojo porque los costos para Latinoamérica con stripe son altos...alrededor de un 5% + $0.5 por transacción
@@neurobit830 s crea cuenta en US y los cargos se realizan desde donde sea, lo que afecta es el cambio de divisa.
Cual recomiendas usar?
Que tal Fazt Code , quiero plasmarte una idea y poder asociarnos para crear un tipo juego muy practico y que no se ha visto
Estaria mejor uno con mercado pago ya que es mas comun en Latinoamérica, buen video fazt eres una enciclopedia
Podrías hacer un video haciendo la validación si un usuario ha realizado el pago con Node y NextJS?
para hacer suscripcones que deberia cambiar??? :c ya que esto seria como producto no?
Una consulta, en caso quiera capturar el precio que esta en un formulario y no ponerlo manualmente como en el tutorial, que se deberia hacer??? Gracias anticipadamente.
Exelente video,muy informativo,para una pequeña statup seria bueno empezar con stripe?
Buenisimo el video ahora veo que quiero registrarme y no aparece casi ningun pais de latinoamerica , en mi caso soy de argentina esque no me sirve entonces ? ayuda xfa me ecanto el video
Me sirvió de mucho este video, pero tengo una duda, en el localhost me funciona todo a la perfección, pero cuando subo mi back y mi front a la nube, me sale un error de "You did not provide an API key. You need to provide your API key in the Authorization header", como lo podría solucionar? Gracias de antemano
Cuando comprebas los pagos y te sale el numero de dinero es porque has pagado stripe? o no estoy implementandolo bien?
Pero quieres que luego que paguen aparezca un formulario para que llenen sus datos y la dirección en dónde se enviara el producto y que al enviar , me llegue mi correo para yo saber a dónde enviar el producto :( ayudaa
Excelente vídeo. Saludos
Hola fazt excelente video, en la proxima sera que podes mostrar como usar mercado pago con react con node js
Como puedo ejecutar una funcion dependiendo si el servidor me devuelve pago exitoso o un error
¿Y Vue? :( también hay devs que usan Vue
gracias bro por el tutorial muy buena
Fazt una pregunta, como hago para validar la cuenta de la tarejta de crédito, si es que existe o si tiene dinero,etc, help plis?
Buen video, subscrito !
Buenísimo contenido!
Muy bueno 👌🏼
al momento de hacer elements.getElement(CardElement) no me funciono, luego de una hora pude resolverlo al reemplazar CardElement x "card"... gracias!!!
Genial!!!!
Hola! alguno sabe que theme de visual studio está usando?
Muy buen video bro toma tu like! , una pregunta hay manera de registrar para que el pago o este medio de pago sea valido en latinoamerica y sino me gustaria si ´pudieras subir un video con payu , mercado pago o cualquier otro compatible para colombia! gracias
Gracias @fazt... 🤘🏽
Muchas gracias!!!
si en mi pais ya no se usan los centavos puedo colocar el valor como tal?
Graciass, sera que podias hacer uno similar de paypal o de mercado pago ?? Ufff
Hola Fazt! Puedes hacer con VueJs también? Saludos!
Que theme y color esta usando? Alguien
gracias Fazt
Hola fazt. No te animas a renovar el stack mevn ? Porfa estaría muy bueno!
Claro que si. Lo apunto de hecho para hacerlo esta semana.
@@FaztCode Gracias,yo tambien queria comentar lo mismo!
POrfa lo mismo pero con LAravel de backend y angular de fronentd seria genial.
Me surgió la duda... De los 300 usd solo tienes disponibles 200? Te cobran de comisión el 33 % ???
Creo por eso me anime mas a implementar mercado pago y paypal por sobre esto, pero prefiero preguntar
Muy buen video, gracias.
Bro cuantos cursos tienes en el bolsillo?, gracias de corazon.
Algo para PSE ?
Hola Fazt! Exelente video, podrías hacer alguno con MEAN ?
Esto aplica con react native?
X2
xq hablas con prisa?
stripe se puede usar en argentina?
Segun veo su lista de paises, no esta disponible:
stripe.com/global
pero si en caso quieres usarlo para recibir pagos de todo el mundo, ellos tienen otro servicio que se llama atlas, que te permite crear una empresa en estados unidos y desde alli hacer tus cobros:
stripe.com/es-us/atlas
@@FaztCode Gracias Fazt siempre tan atento, creo que elegiré la opcion de tratar de implementar algo con la api de mercadopago ya que es local de aqui
Oye tienes un curso usando flutter con Bloc y si no al menos sugeriría hacerlo por que eres al único que le entiendo... XD
stripe acepta mi tarjeta bcp? :v
Podrías agrandar la letra porfa?
React o svelte???
Solo mira como está el mercado: www.npmtrends.com/react-vs-svelte-vs-vue-vs-@angular/core
@@matonolo gracias amigo, por que crees tu si personalmente que react es mejor? Mas facil? Se mantiene mas la escencia de los que es js? Mas documentacion?? Por que en si svelte en tiempos de desarrollo siento que le gana por mucho a react a mi nobata perspectiva
@@DrasticoLey Pueden haber muchas librerías mejores que React pero si el objetivo de aprender una tecnologia es tener salida laboral entonces no vale la pena intentar aprender una tecnología, que aunque pueda ser la más eficiente, no tenga demanda en el merado laboral.
React es el framework más solicitado actualmente para desarrollo web mientras que Svelte no tiene casi demanda laboral (por ahora). Solo recomendaría aprender Svelte como hobby si se tiene tiempo libre, pero si el objetivo es buscar un buen trabajo no es una buena opción.
Stripe se puede usar desde LATAM?
tambien se puede usar desde Latam, si usas un servicio que ellos tienen: stripe.com/atlas
que es básicamente registrar tu empresa en estados unidos para que puedas recibir pagos de todo el mundo. Voy a elaborar un vídeo del tema :) .
Tienes que buscar específicamente si en tu país está disponible.
Por lo menos en CR no está disponible
@@FaztCode execelente te pasaste grande
@@FaztCode Toy esperando el vidio :'v