Aprende a integrar MERCADO PAGO CHECKOUT PRO en REACT y empeza a recibir pagos en minutos ⚛

Поділитися
Вставка

КОМЕНТАРІ • 60

  • @diegor.cervantesramos8104
    @diegor.cervantesramos8104 Місяць тому

    gracias, me ayudaste mucho, sigue asi, pareciera que todos tus videos siempre dan justo al clavo a una referencia de lo que eh necesito implementar por primera vez.

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

      @@diegor.cervantesramos8104 me alegro de que te sirvan 🙌🏻

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

    Sos crack rey, muy bien explicado. Me toco integrarlo por primera vez para un freelo y me salvaste la vida.

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

      Muchas gracias Franco! Me alegro de que te sirva

  • @Christian-ho9qm
    @Christian-ho9qm Місяць тому

    Genial Mauro, voy a seguir estos pasos y ver de certificar para MP.

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

    Uff terrible! Banco estos proyectos que subís! Muy utiles para los que estamos arrancando con React

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

      Me alegro que te sirva! 😁

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

      ¿Solo para los que estamos arrancando? Llevo 3 años en React y nunca logre integrar MP 😂. La doc de mp es bastante pobre, incluso me lo dijeron empleados de mercadolibre jaja

  • @matiasdemiansayago8755
    @matiasdemiansayago8755 Місяць тому +1

    Actualizaron el SDK. Ahora tiene clases y debes crear un objeto de tipo Client, otro de Preference u Payment. No le encontré vuelta. No me deja hacer el pago.

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

    Hola Mauro, re bien explicado!
    Pero manejo un par de dudas y capaz si ves esto me las podrias sacar.
    1) Esto es más subjetivo, pero que sería mejor practica, abrir una pestaña nueva para pagar con MP y actualizar el Frontend con las notificaciones de pago, o en la propia pestaña redirigir a MP y manejar las cosas cuando el usuario vuelva de pagar?
    2) Estuve luchando con las preferencias, les doy "external_reference" para manejar una referencia con mi DB, y cuando me llega una notificacion a través de los webhooks me llega solo el ID y el tipo, y de ahí en el backend tengo que buscar a que preferencia está relacionado ese ID, en base al "external reference" del principio.
    El tema es que tengo el Frontend (Vue.js) en un servidor y el Backend en otro (Node.js), entonces si abro la pasarela de MP en otra pestaña, el Frontend le tiene que preguntar al Back como va el pago (approved, rejected, etc) con un GET cada tanto hasta que obtenga el resultado, lo tomarías como algo viable o me la rebusqué?
    Desde ya gracias jaja

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

    Muy buen video bro! Cortito y al pie las bases de como integrar MP. Bien ahi!

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

      Gracias! Me alegro de que te haya servido

  • @angelicaocampoescobar2765
    @angelicaocampoescobar2765 7 місяців тому +1

    buen video Mauro, tengo una pregunta... como puedo saber si un pago en status pending, cambió a aprobado o rechazado? esto lo notifica mercadopago o yo debo estar apuntando constantemente a un servicio que me devuelve el status de un pago?

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

    Sos un grande crack, tendrás algún curso de react desde básico hasta llegar a tu nivel.
    Te admiro bro sos un crack

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

      Muchas gracias! Curso de react no tengo, pero podria hacer videos sobre como comence yo, que te parece?

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

      @@maurodev_ sería excelente crack, muchas gracias.

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

    excelente proyecto compa !

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

    Hola Mauro. Quiero integrar el escaner de qr de mercadopago en mi app react native. quiero que al tocar un boton me redirija al escaner. como hago? linking me sirve?

  • @Rovelpa
    @Rovelpa 10 місяців тому +1

    cuando quiero importar mercadopago no me sale, en su lugar me sale import MercadoPagoConfig from "mercadopago"; y si quiero usar el import mercadopago from mercadopago me tira error que configure no es funcion

    • @pablomartinez3943
      @pablomartinez3943 9 місяців тому

      Hola pudiste solucionarlo? tengo entendido que se actualizo y hay una nueva version, por ende otra forma de integrarlo

    • @renzoleoneldiaz
      @renzoleoneldiaz 5 місяців тому

      @@pablomartinez3943 solo hay que instalar el tipado nada mas. @Rovelpa te saltaste ese paso

  • @matiasjacinto8799
    @matiasjacinto8799 11 місяців тому

    Dónde recomiendas estudiar full stack, dónde te enseñan a hacer lo que vos explicas, gracias

  • @JuanFernandez-lg2pd
    @JuanFernandez-lg2pd Рік тому +2

    Hola que tal. Lo podría hacer solamente con Javascript? Junto con un carrito de compras?
    Es para un trabajo de la facu.
    Saludos y gracias

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

      No suelo subir videos solo de javascript, pero si en algun momento lo hago lo subo!

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

    Hola Mauro, una consulta... Si yo no tengo un next.config.js que puedo hacer ?

  • @maximoozonas5625
    @maximoozonas5625 9 місяців тому

    Hola Mauro, yo necedito hacer una request a una api y mediante la response llenar los datos para hacer la preferencia de mp, en que momento tendria que hacerlo?

  • @lucianobertero3276
    @lucianobertero3276 10 місяців тому

    Crack, buen video, estoy desarrollando la tesis y necesito integrar mercado pago como seria cafecito, onda que cada cuenta tenga enlazada la de mercadopago, y a su vez se pueda cobrar. Se trata de una pagina web la cual conecta ong con voluntarios, si podes tirarme una mano te lo agradezco

  • @SantiDev-l2b
    @SantiDev-l2b Рік тому

    Muy bueno Mauro, me sirvio mucho! Una consulta, donde debería llamar el endpoint /notify para pasarle mi orden ID para actualizarlo en la db

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

      Gracias Santi! En el preference, hay una prop llamada "external_reference" ahi vos podes mandar tu id de la orden. Y ese endpoint se llama cuando vos lo pones en la prop "notification_url"

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

    esto es funcional para aplicarlo en una app realizada en flutter, es decir puedo aplicar estos pasos?

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

    Tremendo video muchas gracias Mauro! Una pregunta, como haces si es una arreglo de productos en vez de 1?

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

      Tendrias que mapear los productos que recibas por body en items

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

    Muchas gracias muy buen contenido. Una consulta, las credenciales de prueba se usan solo para el desarrollo y cuando vamos a deployar debemos sacar las mismas credenciales pero de la cuenta del cliente para el cual estemos desarrollando el proyecto?

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

      Claro, le tendrias que pedir las claves de producción al cliente!

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

    Increíble todo lo que conseguiste hacer y aprender a tu edad, yo tengo 25 años y todavia sigo estudiando y buscando trabajar de esto y no consigo nada, estoy haciendo un sistema de ventas simples y tengo pensado hacer un ecommerce de practica como para ver si consigo algo
    Me tire abajo por que los proyectos que tenia los tenia en heroku y ahora no encuentro un hosting gratis para el backend para mostrar mis proyectos

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

      Gracias Joaquin! Voy a ver si encuentro algun hosting gratuito y lo comparto!

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

      podes usar railway para backend, es gratutito, pero tiene sus limitaciones

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

      Fijate que heroku tiene una versión "gratis" nueva. Te dan 150 dolares para que uses en los servicios que te dan (el dynos, la base de datos, etc) y con eso te mantenes un año y monedas. Fijate que para conseguirlo tenes que meterte en github students ( no se si sos o fuiste estudiante de alguna academia o algo ) y tratar de pasar las minimas validaciones de enviar algun que otro certificado de alumno regular. Si pasas eso, pones esa misma cuenta en heroku y tenes los 150USD. Fijate yo lo hice y lo estoy usando. De paso te felicito Mauro por el video un genio!

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

    Genioooo

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

    Hola buenas, con esta config ¿podría configurar según la moneda local de mi país? Excelente proyecto lo quiero ver de nuevo para ver cada detalle!

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

      Hola Giovanni! Creo que la moneda se configura automaticamente dependiendo de donde sea tu cuenta

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

      @@maurodev_ gracias voy a revisar

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

    muchas gracias, como podriamos hacer para agregar un metodo de envio?

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

      Voy a investigar como se hace!

  • @Christian-ho9qm
    @Christian-ho9qm Місяць тому

    Mauro tenes el proyecto actualizado a la version 2.0.11? Estuve siguiendo el video y me quede cuando creas el checkout.ts ya que el metodo configure no existe.
    {
    "dependencies": {
    "@types/mercadopago": "^1.5.11",
    "axios": "^1.7.2",
    "mercadopago": "^2.0.11",
    "sass": "^1.77.8"
    }
    }
    mercadopago.configure({
    access_token: process.env.NEXT_ACCESS_TOKEN!,
    });
    o tenes idea cual es es el equivalente en la nueva version?

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

    Mauro, qe onda? logre realizar bien la integracion pero cuando pongo las credenciales de pruebas para que me salga el estado aprobado me tira algo salio mal no podemos procesar tu pago. Sabes por que podria ser?

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

      Proba de un navegador en incognito, capaz que tira eso pq estas intentando pagar a la misma cuenta

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

    Hola Bro una pregunta, HTML Sematico y No Semántico, se deben mezclar o no ? 🤔
    Estoy tomando un curso básico de HTML, CSS y JS, y hace unos días me apareció un TikTok de Razones para usar HTML Sematico cosa que me sorprendió y ya no se que hacer y estoy confundido entre si se deben usar ambos o solo uno? Ojalá me puedas ayudar

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

      Hola Antoni! Se recomienda utilizar HTML semántico siempre que sea posible ya que tiene una serie de ventajas, como la mejora en la accesibilidad web, la optimización para motores de búsqueda y la facilidad de mantenimiento del código. Y no habria un gran problema si usas ambos o uno solo

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

    hay alguna forma de hacerlo pero que en el detalle de la compra aparezca todos los productos del carrito?

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

      No sabria decirte la verdad, nunca lo probe.
      Te fijaste en la documentacion?

    • @manuelbarreiro9596
      @manuelbarreiro9596 10 місяців тому

      Hola estoy buscando hacer lo mismo, pudiste hacerlo?

  • @luisfelipemedinarodriguez8478

    Messirve

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

    Como puedo aplicar este video en react?

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

      Creando tu api, aparte, con Node Js y Express por ejemplo

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

    sabes como integrar mercado pago subscripcion?

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

      Nunca lo use, podria investigarlo para hacer un video!

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

      @@maurodev_ avisame yo lo pude integrar pero no del todo bien