integración de Mercado Pago con React Js - Checkout Pro

Поделиться
HTML-код
  • Опубликовано: 15 дек 2024

Комментарии • 91

  • @pabloaacuna
    @pabloaacuna Год назад +7

    Flaco! Hice dos diplomaturas en la UTN y te puedo asegurar que explicas mucho mejor que cualquier profesor que me haya encontrado. No te das una idea de lo simple que lo haces. GRACIAS TOTALES!

  • @the-ezekiel-2227
    @the-ezekiel-2227 Год назад +4

    Me funcionó a la perfección! Todo como vos hiciste y corre al 100% con pagos reales. Mil gracias genio! Te ganaste un suscriptor :)

    • @onthecode
      @onthecode  Год назад

      Me alegro que te funcionó la integración! Y muchísimas gracias por la suscripción!

  • @oscaralfonsoaguilarayala9243
    @oscaralfonsoaguilarayala9243 9 месяцев назад

    Explicas muy bien loco , sigue asi siempre quise integrar pasarela de pagos pero siempre encontraba videoa de 8 horas y no se entendia nada y en tu video de 1 hora entendi muy bien gracias .

  • @MardelGaming
    @MardelGaming 3 месяца назад

    Que bien que explicas chabon! Me despejaste dos millones de dudas que venía enroscado hace un mes 😅

  • @onthecode
    @onthecode  Год назад +8

    Hola! mercadoPago actualizo la forma de consumir su api. Para hacer funcionar el código de este video les dejo un articulo que sirve como guía para tener instalada la versión correcta de mercadoPago: dev.to/pabmchn/como-utilizar-la-api-de-mercado-pago-con-javascript-en-2024-dkh Por otro lado también les dejo un video de como usar la versión mas reciente de mercaPago. Saludos! ruclips.net/video/-VD-l5BQsuE/видео.htmlsi=XWI9tggBTUKHKWg3

    • @emilianoperea8111
      @emilianoperea8111 Год назад

      estoy igual!!!!
      @@andypalmera7228

    • @alecarb7651
      @alecarb7651 Год назад

      @@andypalmera7228 me pasaba lo mismo. Si cambias la version, acórate de ejecutar npm Install para actualizar. Asi ya funciona

  • @breweryriot
    @breweryriot Год назад +2

    Un genio amigo, estoy estudiando programacion por mi cuenta y explicas muy bien. Gracias por el esfuerzo. un saludo!

    • @onthecode
      @onthecode  Год назад +1

      Muchas gracias por escribirme y valorar el esfuerzo :), Saludos!!

  • @majestics271
    @majestics271 Год назад +1

    GRACIAS!! Hoy, después de mucho tiempo intentando integrar mercado pago y después de ver muchas veces tu video, lo pude hacer (Soy frontend). Te agradezco por el contenido. Muy bueno. De paso aclaro como lo hice: A la hora de instalar la version de mercado pago instale la que aparece en tu video (npm i mercadopago@1.5.16) y después si, seguimos paso a paso tus indicaciones. Pude hacer las pruebas y todo funciono. Nuevamente GRACIAS!

  • @enriquegustavoaragon5188
    @enriquegustavoaragon5188 7 месяцев назад

    Me gusto mucho el tutorial. era lo que estaba buscando y el tuyo esta actualizado. Lo voy a hacer y te comento. Gracias por tu trabajo me va ser de mucha ayuda

    • @onthecode
      @onthecode  7 месяцев назад

      Hola! Gracias, te recomiendo mejor ver este video. Está más reciente, saludos!ruclips.net/video/-VD-l5BQsuE/видео.html

  • @shuliaans7560
    @shuliaans7560 Год назад +1

    Muchas gracias!!! sos un distintio. Hay tantos youtubers que estan sobrevalorados, no se les entiende ni s, pero vos explicas bien me ayudaste mucho. Ojala sigas asi y ganas mas seguidores que lo mereces

    • @onthecode
      @onthecode  Год назад

      Muchas gracias por todo tu apoyo! Saludos!

  • @jorgemunera570
    @jorgemunera570 Год назад +1

    Excelente tutorial me encantó tu manera de explicar, lo pondré a prueba en un proyecto que tengo. saludos.

  • @lucasiramos
    @lucasiramos Год назад

    Tremendo tutorial, super clarísimo todo. En realidad a mitad del video me di cuenta que no me iba a servir porque por Arquitectura no puedo usar Node jeje, pero igual segui viendo. Te ganaste un suscriptor. Abrazo!

    • @onthecode
      @onthecode  Год назад

      Gracias! Justo subí uno actualizado de mercado pago con javascript y en estos días ya subo uno actualizado de mp con react! Abrazo!!

  • @renemerlo3243
    @renemerlo3243 3 месяца назад

    Hola On the Code, excelente video, felicitaciones. Quería hacerte la siguiente consulta: que pasa si no tenes disponible un backend donde montar el servidor de node?. Ese es mi caso y me quedé colgado ahí. Desde ya, muchas gracias, saludos y espero me puedas ayudar.

  • @nerina1741
    @nerina1741 Год назад +1

    Explicás de 10 y pude implementar perfectamente todo, ahora a renegar con los objetos que mande desde el front al back jajjah graciaass capo

    • @onthecode
      @onthecode  Год назад

      Gracias Nerina! Éxitos con tu proyecto! Abrazo!!

    • @nerina1741
      @nerina1741 Год назад

      ​@@onthecodeholaa Pablo, sin compromiso te consulto, en el proyecto de ecommerce donde implementé perfectamente MP con un solo producto el detalle de la compra se lee perfecto, cuando le mando un producto con cantidad +1 ya me hace el detalle con Productos y el $total. El tema es cuando desde el front le quiero mandar el arreglo de productos y en server.js quise que lo reciba y lo mapee, pero se ve que alguna macana me estoy mandando xq si bien no rompe queda cargando y nunca llega la respuesta. No quería molestarte pero tampoco encontré ningún blog donde el detalle de la compra muestre mas de un producto. Nada eso, que andes bien!!

    • @onthecode
      @onthecode  Год назад +1

      @@nerina1741 Nerina! Para hacerlo funcionar con más de un producto basta con poder mandar el total a pagar. La descripción puede ser algún texto. No se bien que puede estar fallando. Sin más contexto o sin ver el código me es difícil. Saludos!

    • @nerina1741
      @nerina1741 Год назад +1

      @@onthecode Sii era más fácil así, me la estaba complicando sola, quedó perfecto gracias de nuevo♥

    • @mauroibarra5837
      @mauroibarra5837 Год назад

      @@nerina1741 hola que tal, estoy en la misma, pudiste solucionarlo?

  • @ricardotilleriaochoa5674
    @ricardotilleriaochoa5674 Год назад

    Eres un crack hermano!

  • @scherpabloDev
    @scherpabloDev Год назад

    Excelente video. Muchísimas gracias on the code!!!! Ya lo puede hacer funcionar en mi proyecto.

    • @onthecode
      @onthecode  Год назад

      Que genio Pablo!! Un abrazo!

    • @scherpabloDev
      @scherpabloDev Год назад

      @@onthecode Te hago una consulta. En el minuto 48:18 luego de realizar el pago y que nos redireccione a nuestra pagina, fíjate que no nos lleva a localhost:5173 sino que viene la url con todo un código demás, y si le das actualizar sigue quedando así, no se actualiza a localhost:5173. Porque es eso? Estuve intentando corregirlo pero hasta ahora no me salió.

  • @Ross17
    @Ross17 Год назад

    Justo lo que necesitaba, gracias.

  • @martinoli5389
    @martinoli5389 11 месяцев назад

    puedo actuar como intermediario entre un vendedor y un comprador y cobrar comision? Entiendo que es completar los campos "marketplace" y "marketplace_fee" en la Preferencia, pero no encuentro por ningún lado como obtener ese valor. Si alguien sabe se agradece!

  • @gonzacebre8264
    @gonzacebre8264 Год назад

    Excelente tutorial! Muchas gracias!

  • @harrisondavidospinaarzuaga5381
    @harrisondavidospinaarzuaga5381 9 месяцев назад

    thank you! it helped me a lot!

    • @onthecode
      @onthecode  9 месяцев назад

      I am glad to hear that. There is an updated version of this video here: ruclips.net/video/-VD-l5BQsuE/видео.htmlsi=1HMUVQW8xkjM-fqD

  • @fernanlpz
    @fernanlpz Год назад

    este ejemplo me sirve para integrarlo con un carrito o es solo para un producto individual ?

  • @JonathanOrtíz-j3u
    @JonathanOrtíz-j3u 9 месяцев назад

    Una pregunta, tu sabes porque cuando integro suscripciones, funciona todo bien en entorno de prueba pero en producción rechaza practicamente todos los pagos?

  • @computadorescol5367
    @computadorescol5367 Год назад

    al escribir el initMercadoPago =('TEST-29661ec8-ef11.....'), me da error de const y try...por favor una explicacion..gracias mil

  • @nicolassuarez2933
    @nicolassuarez2933 Год назад

    Pregunta, y cómo detecto el pago exitoso de mercadopago? para así trigger alguna function. gracias!

    • @onthecode
      @onthecode  Год назад +1

      configurando una notification_url y webhooks. espero pronto hacer un video de eso!

  • @pabloaacuna
    @pabloaacuna Год назад

    No puedo salir de un error y no encuentro ayuda ni solucion. cuando pongo pagar aparece y desaparece constante el boton que habilita la pasarella de pagos, si logro presionarlo en algun momento que aparecio funciona pero no logro que se quede fijo y no entiendo porque y me genera mucha frustracion

  • @juanzalazar1183
    @juanzalazar1183 Год назад

    Hola, muy bueno tus videos, gracias x compartir tus conocimientos. Podrías hacer un video de un ecommerce con MP y q registre la compra en firebase u otra bbdd??

    • @onthecode
      @onthecode  Год назад

      Gracias! Si podría. Es un vídeo largo pero espero hacerlo algún día. Saludos!

  • @matiastika1329
    @matiastika1329 Год назад

    con typescript funciona?

  • @computadorescol5367
    @computadorescol5367 Год назад

    che , como estas..excelente tutorial.. por favor podrias explicar los pasos para hacer las pruebas .. he leido con atencion y despacio lo que dices y tambien el tutorial de Javascript pero no he podido aun superar lo de vendedor y comprador...gracias

  • @gonzalohaag8251
    @gonzalohaag8251 Год назад

    muchas gracias amigo, podrias explicar como se hace cuando tenemos varios productos en el carrito ?

  • @gonzalohaag8251
    @gonzalohaag8251 Год назад

    alguna forma de cambiar el texto aque dice pay with mercado pago a español?

  • @lasalsaricafgc
    @lasalsaricafgc Год назад

    hola amigo exelente video, tengo q terminar mi proyecto y me da el error q no reconoce mercadopago.configure q puedo hacer es verdad q en el repo de mercado no se actualizo nada

    • @onthecode
      @onthecode  Год назад

      Gracias! configure ya no es reconocido por versión reciente de mercadopago. Asegura te de tener versiones anteriores de mercado pago en ambos archivos json

  • @agustinaiello8906
    @agustinaiello8906 Год назад

    si esto lo integro en una aplicación de react native, como podria hacer que el return me lleve a la misma app?

  • @AlexanderEduardoPeñaHalano-w2o

    Sabes si se puede configurar los estilos del boton ? quiero cambiarle el texto por defecto y el bg color

  • @Tiago-yw4zs
    @Tiago-yw4zs Год назад

    Amigo muchas gracias!!

  • @AlessandroLobo
    @AlessandroLobo Год назад

    Consegui fazer a integração, porem no ambiente de deselvolvimento funciona mais quando rodo o build da erro de "SyntaxError: Cannot use import statement outside a module" ja esquadrinhei a internet e não consegui resolver

    • @onthecode
      @onthecode  Год назад

      Si estás trabajando con módulos. Deberías indicarlo en el archivo package.json. "type": "module"

  • @pabloaacuna
    @pabloaacuna Год назад

    Estoy con un error que no puedo solucionar. Aparece y desapare el boton de MERCADO PAGO. nose a que se debe.

    • @pabloaacuna
      @pabloaacuna Год назад

      Failed to load resource: the server responded with a status of 403 ()

  • @computadorescol5367
    @computadorescol5367 Год назад

    hola. min 11.50 por favor explicar como haces para agregar nuevo folder / Server.. es un workspaces ?..no me aparecen los iconos que estan al lado del letrero explorer..para crear el folder server.. es una extension? gracias. buen tutorial..

    • @onthecode
      @onthecode  Год назад

      Si estas usando visual studio code, como editor de código deberías tenerlo como en mi video! no es una extensión, quizás simplemente se desconfiguro algo 🤔

    • @computadorescol5367
      @computadorescol5367 Год назад

      @@onthecode ..gracias por la respuesta.. lo que hice fue iniciar como workspaces en vez de abrir el folder y ya pude crear los folders client y server..

  • @AlexAR93
    @AlexAR93 10 месяцев назад

    Consulta, esto deja la página 100% segura o para uno real deberían proteger algun dato? Desde ya muchas gracias y muy buen video, espero un video para añadir métodos de envío con calculadora para ver costo por distancia

  • @ivan-po4bv
    @ivan-po4bv Год назад

    Una pregunta, existe la posibilidad de implementar el checkout pro de mercado pago con php y mysql actualmente, o si o si es con node y javascript

    • @onthecode
      @onthecode  Год назад

      Si, se puede con php. Está en la documentación!

  • @elchamosin
    @elchamosin Год назад

    Hola, en localhost me funciono perfecto, pero cuando deploye la app, no me funciona. Las tengo en github y la api está deployada en Render.

    • @onthecode
      @onthecode  Год назад

      Abría que ver como quedó tu deploy. Yo deploye en vercel un proyecto utilizando mercadopago sin problemas

  • @MarceloGracia
    @MarceloGracia Год назад

    excelente el tutorial, me funcionó. Te quería consultar, como hago para saber si el pago fue exitoso?, necesito tomar el control dsps de ejecutar el pago de MP en mi sitio, y según el tipo de exito del pago, hacer acciones!

    • @onthecode
      @onthecode  Год назад

      Gracias! en tu servidor podes configurar una ruta especifica que ocurra cuando el pago fue exitoso. Por otro lado se pueden configurar las notificaciones_url de mercado pago para recibir notificaciones y tener un seguimiento del estado de un pago.

    • @MarceloGracia
      @MarceloGracia Год назад

      @@onthecode en el servidor que hicimos con express decís ?.. tenés algún ejemplo o documetnación para configurar las notificaciones_url de MP?

    • @onthecode
      @onthecode  Год назад +2

      De momento no tengo.. espero hacer pronto un vídeo sobre ese tema.

  • @ayelengiselle5552
    @ayelengiselle5552 Год назад

    Hola que tal? Puedo usar la misma logica para suscripciones?

    • @onthecode
      @onthecode  Год назад +1

      Hola! Hasta ahora nunca probe hacer lo de suscripciones. Pero seguro que tiene otras configuraciones

  • @jesusre8495
    @jesusre8495 Год назад

    excelente! gracias!

  • @guillermoffunaro6987
    @guillermoffunaro6987 Год назад

    genio

  • @blendareyes6428
    @blendareyes6428 Год назад

    buen dia Algo salió mal...
    No puedes pagarte a ti mismo. me sale ese mensaje a que se debera?

    • @onthecode
      @onthecode  Год назад

      porque no te deslogeaste de tu cuanta previo a hacer las pruebas, explico ese tema alrededor del min 45:00

  • @FrancoPoblete-xu2sw
    @FrancoPoblete-xu2sw Год назад

    Hola, para recibir pagos reales solo hay que cambiar las credenciales a producción? Es posible que existan bugs con ese codigo?
    Muy buen contenido saludos!

    • @onthecode
      @onthecode  Год назад +1

      Si solo es necesario poner las credenciales de producción. Si lo vas a deployar, deberías utilizar variables de entorno para mayor seguridad en las claves. Saludos!

  • @juancruzmartinez6476
    @juancruzmartinez6476 Год назад

    Hola ! muy bueno tu video. Te comento me tira este error "TypeError: mercadopago.configure is not a function". Me podrías decir mas o menos que podria ser este error ? tengo versión de React 18

    • @juancruzmartinez6476
      @juancruzmartinez6476 Год назад

      Ya lo pude solucionar (supongo que era por la versión de mercadopago, tuve que setear en el package.json del server a la versión 1.5.8, ejecuté npm update y funcionó). Luego de adaptarlo a mi Ecommerce finalmente funcionó. Te agradezco sos un crack.

    • @onthecode
      @onthecode  Год назад

      @@juancruzmartinez6476 Me alegro de que te funcione! Saludos!

  • @esneiderbertel9813
    @esneiderbertel9813 Год назад

    Puedes hacer un video tutorial para implementar mercado pago pro, pero para integrarlo en una app utilizando flutter?

  • @MrRamiroAuditore
    @MrRamiroAuditore 7 месяцев назад

    si alguno tiene un error en el cual al momento de darle pagar al ultimo boton de Mercado Pago le dice "Oh, no, algo anduvo mal" revisen a ver si crearon las dos cuentas de prueba, una de vendedor (de donde sacan la public key y access token) y la otra de comprador(la cual le van a poner plata para probar las compras), es un error simple pero puede pasar

  • @computadorescol5367
    @computadorescol5367 Год назад

    aclaracion : en el codigo de github esta perfecto..pero es en mi aplicacion es donde yo tengo el error.. buen tutorial gracias.

  • @outrafacefe
    @outrafacefe Год назад

    me ajudou muito, tava apanhando aqui com coisa boba

  • @computadorescol5367
    @computadorescol5367 Год назад

    hola

  • @cristiancamilosanchezardil9730
    @cristiancamilosanchezardil9730 6 месяцев назад

    Creo que esta forma ya no funciona

    • @onthecode
      @onthecode  6 месяцев назад

      ruclips.net/video/-VD-l5BQsuE/видео.htmlsi=SsqTCWVuYKdi-g_Q