Integrar pagos con Mercado Pago a una aplicación Next.js

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 90

  • @TanisJam
    @TanisJam 2 місяці тому +8

    Goncy por favor disculpame que te diga pero sos un capo! Es muy valioso lo que aportas!

  • @DavidEstebanPatinoJuspian
    @DavidEstebanPatinoJuspian 2 місяці тому +2

    goncy muchas gracias justamente me la pase toda la noche intentando integrarlo en mi proyecto y este video me viene como anillo al dedo, UN CRACK 🔥🔥🔥

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

    El mejor video de la historia

  • @javi6953
    @javi6953 2 місяці тому +1

    Goncy no sabes lo que nos ayudas con esto. Muchas gracias!

  • @yorazu9329
    @yorazu9329 2 місяці тому +2

    Estuve 3 dias buscando la documnetacion de esto o algun video actualizado, gracias por el video

  • @sebasss1723
    @sebasss1723 2 місяці тому

    muchas gracias! me salvaste con esto , estuve pila de tiempo intentando integrarlo en una app. Mil gracias sos un genio!

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

    Genioo , me ayudaste demasiado. Un abrazo

  • @alexcavazos1214
    @alexcavazos1214 2 місяці тому

    Te ganaste un subscriptor. Gracias goncy!

  • @Dis-Trackted
    @Dis-Trackted 2 місяці тому

    Reitero mi agradecimiento. Grande!

  • @guillermoblanco2923
    @guillermoblanco2923 2 місяці тому

    gonzy te adoro... muchas gracias

  • @deeper_soundfy5528
    @deeper_soundfy5528 2 місяці тому

    Muchas Gracias por compartir Aaron Kauffmann!!

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

    Hola amigo muchas gracias llevaba mucho tiempo estancado pero gracias a tu tutorial pude avanzar ya que la documentación de MercadoPago no está muy actualizada

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

      Me alegro que haya servido!

  • @TomasBarajas-vp8jd
    @TomasBarajas-vp8jd 2 місяці тому +2

    te quiero goncyy

  • @Germanlok
    @Germanlok 2 місяці тому

    Gracias Goncy! muy claro todo

  • @sebastianvaldez1986
    @sebastianvaldez1986 2 місяці тому

    Hola Gonzy, hace tiempo que veo tus videos y me ayudan un monto quería pedirte permiso para etiquetarte en linkedin con un pequeño proyecto que hice de react js, ya que comenzaré a subir todas las semanas para darle vida a mi perfil, saludos y gracias por tan excelente contenido.

  • @mrf9237
    @mrf9237 2 місяці тому

    Me re sirve para un proyecto... gracias crack!

  • @tomas.menniti
    @tomas.menniti 2 місяці тому

    Sos la cabra goncy!!! Muchas gracias por tomarte el tiempo de bajar este infierno a tierra jajaj. Apenas tenga un rato libre lo reviso

  • @byte1270
    @byte1270 2 місяці тому

    Un crack Gonci

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

    Excelente video Goncy! muy bien explicado..Graciaaass! Consulta: MercadoPago, pide el Client Secret? o con el Acces Token ya está? Abrazoooo

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

      Gracias! Depende que implementación, el client secret lo vas a necesitar por ejemplo para oauth en marketplace, pero para checkout pro no

  • @MartinAmzl
    @MartinAmzl 2 місяці тому

    🔥🔥

  • @JuanPreciado-l5j
    @JuanPreciado-l5j 2 місяці тому

    no me desglosa los items en el resumen

  • @magadev69
    @magadev69 2 місяці тому

    Decir excelente, es poco!

  • @MatiasBaldanza
    @MatiasBaldanza 2 місяці тому

    Muy clarito

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

    Consulta, qué pasa si para las cuentas de prueba me pide la autenticación por el código que se envía al mail? adonde se envía?

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

      Debes realizar esa validación introduciendo los últimos 6 dígitos que componen el User ID de la cuenta de prueba o los últimos 6 dígitos que componen su Access Token productivo.

  • @benjaminarturoperezgarcia7656
    @benjaminarturoperezgarcia7656 2 місяці тому

    Hola, tengo un problema con el webhook ya que no se llama automáticamente con un pago, si hago la prueba de simulación funciona correctamente, pero si pago desde mi aplicación en ningún momento se le llama a mi endpoint api/mercadopago/pagos

    • @goncypozzo
      @goncypozzo  2 місяці тому

      Asegúrate de que el ambiente está bien configurado, debería llegar. Al menos siempre me funcionó. Sino podes usar bricks que podes actuar directamente cuando se procesa el pago. Pero el webhook debería andar

  • @NicoCoach99
    @NicoCoach99 2 місяці тому +1

    gonzy, podrias hacer un video pero para implementar las suscripciones de mp en una app?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      Hoy hacemos stream de eso

    • @Kuzkonic
      @Kuzkonic 2 місяці тому

      ​@@goncypozzo subirás ese stream a UA-cam? 👀

  • @MariaPena-hj4sl
    @MariaPena-hj4sl 2 місяці тому

    Hola! Ya está subido el video que que mencionas en la descripción? El que va a incluir las suscripciones

    • @goncypozzo
      @goncypozzo  2 місяці тому

      Buenas, no el video pero está en el repo!

    • @MariaPena-er4to
      @MariaPena-er4to Місяць тому

      @@goncypozzo Gracias!!

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

    Hola! Muy claro el vídeo. la unica duda es, si el pago lo hago en el ambiente de prueba, me debe llegar aprobado?

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

      Podes poner pagar con tarjeta y dependiendo del nombre que uses es como llega el pago, ej: APRO = Aprobado, los nombres estan en la doc!

  • @tomas.menniti
    @tomas.menniti 2 місяці тому

    disculpa goncy, sabes como hacer esta integración para un marketplace? (o sea vendedores varios en lugar de un vendedor fijo (incluyendo comisión a la app)).

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      Lo hice un par de veces, es más un bajón pero se puede. Tenes que autenticar al usuario y obtener un access token. De ahí creas preferencias o pagos usando eso

  • @sebascm._
    @sebascm._ 2 місяці тому

    Hola goncy, una pregunta como se llama esa extension que te dice generate doc cuando pasas encima del codigo

    • @goncypozzo
      @goncypozzo  2 місяці тому

      Imagino debe ser copilot

  • @enriquesalazar5877
    @enriquesalazar5877 6 днів тому

    El usuario puede pagar con tarjeta de crédito sin necesidad de tener una cuenta de mercado pago?

    • @goncypozzo
      @goncypozzo  5 днів тому

      Podes pagar como invitado, si

  • @RicardoMedina-r7e
    @RicardoMedina-r7e Місяць тому

    Puedo hacer el pago ok, me devuelv status aprobado, pero al hacerle un get id desde mi back para validar estado desde notificación me dice que no existe. Alguna idea?

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

      Estás seguro que estás usando el data.id y no el id? Estás seguro de estar validando la notificación correcta? Aveces llegan notificaciones extras que las que queremos validar

    • @leandropalavecino7179
      @leandropalavecino7179 4 дні тому

      Es exactamente lo mismo q me sucede ami. Ya probe de todas maneras y no logro dar con la data. Quiza deberia probar con cuentas reales.

  • @jpbelmont
    @jpbelmont 2 місяці тому

    Goncy, una pregunta el init_point no me funciona y tuve que usar back_url para la redireccion, esta ok? despues, alguna idea de como resolver el falla en entrega 502 en webhooks?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      back_url e init_point son dos cosas diferentes, se ve que tenes algun tema ahi con la configuracion

  • @valentinfeller121
    @valentinfeller121 2 місяці тому

    es seguro exponer asi el puerto, o deberia implementar algun tipo de seguridad, ya que estoy corriendo el servidor de forma local. ?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      La url la vas a tener vos solo y solo lo vas a tener expuesto mientras estás desarrollando, me parece bastante seguro a menos que lo subas a algun lado. Igualmente solo van a poder atacar el puerto que tenes abierto

  • @EdwardMelendezMendigure
    @EdwardMelendezMendigure 20 днів тому

    No me aparece el checkout a la hora de comprar. Alguien le paso lo mismo?

    • @goncypozzo
      @goncypozzo  19 днів тому

      Que es lo que no te aparece?

  • @juanferrer5885
    @juanferrer5885 2 місяці тому

    Gonzy, si vos quisieras actualizar una ruta del cliente cada vez que te notifica el webhook de mercado pago, deberias hacer algo con Websockets o SSE? o es preferible hacer pulling? que recomendas?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      Depende que quieras actualizar y si tiene que ser en tiempo real o no y que uses de DB. Ej: Supabase o firebase tienen realtime entonces no deberías usar nada. Si no tiene que ser realtime simplemente reválidas, sino si, websocker o polling

    • @juanferrer5885
      @juanferrer5885 2 місяці тому

      @@goncypozzo tiene que ser realtime, se hace un pago de mp, un pago de comida rapida, el webhook notifica al endpoint y ahi el cliente tiene que revalidar datos, el tema es que el cliente no tiene que notificarle nada al sv, es unidireccional. Estoy usando turso (sqlite). Por el momento estoy haciendo pulling porque fue lo que me salio, pero estaba pensando en algo mejor para no hacer tantas consultas a la db

  • @julianmontes2042
    @julianmontes2042 2 місяці тому

    gonzy podrias hacer un tutorial para Checkout Bricks? Estuviera buenisimo. Gracias por todo!

    • @goncypozzo
      @goncypozzo  2 місяці тому

      Lo tengo, en github.com/goncy/next-mercadolibre

  • @romeroagustin5936
    @romeroagustin5936 2 місяці тому

    buenas , alguno probo o uso el checkout pro con flask? Hace rato que estoy tratando de implementarlo y cuando tengo que hacer el pago de prueba con las tarjetas de prueba ya sea con el sand_box o con el init_point de la cuenta de prueba no me funciona , siempre me pone que tiene un error en el procesamiento del pago y que pruebe con otro método de pago. Alguno tiene alguna solución ?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      Usaste una cuenta de prueba secundaria para intentar el pago? Usa init point, no sandbox

    • @romeroagustin5936
      @romeroagustin5936 2 місяці тому

      @@goncypozzo ahí probé con una cuenta de prueba logeada en el navegador y me funciono, se ve que era eso . muchas gracias. pd: muy buenos videos este y el que habías subido hace unos meses

  • @julianmontes2042
    @julianmontes2042 2 місяці тому

    Grande Gonzy!! Tengo una duda, cuando pruebo con tarjeta de credito (sin iniciar sesion con la cuenta de comprador de prueba) me da error. Sin embargo, cuando inicio sesion con la cuenta de prueba de comprador y pago con las tarjetas de prueba, sí sirve. Esta funcionando correctamente?

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      Los pagos suelen estar asociados a un "payer", dependiendo del metodo de integración que uses no solo se necesita lo relacionado al pago sino también un usuario

    • @julianmontes2042
      @julianmontes2042 2 місяці тому

      @@goncypozzo listo entiendo. Para Checkout Pro se necesita usuario? Mi codigo se basa en el tuyo.

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      @@julianmontes2042 siempre recomiendo usar las cuentas de prueba para checkout pro

    • @julianmontes2042
      @julianmontes2042 2 місяці тому

      @@goncypozzo vale. En teoría, si me sirven los pagos usando tarjetas de prueba (e iniciando sesion con la cuenta de prueba en el checkout) de comprador, me debería servir en producción los pagos (sin iniciar sesion en mercado pago en el checkout)?

    • @goncypozzo
      @goncypozzo  2 місяці тому

      @@julianmontes2042 Debería funcionar sin problema sin problema en prod

  • @cons_benjamin
    @cons_benjamin 16 днів тому

    porque me pide un codigo para validar el mail de test ?

    • @gasmau12
      @gasmau12 15 днів тому

      Cuando queres hacer un pago con la cuenta de prueba?

    • @goncypozzo
      @goncypozzo  15 днів тому +1

      Son los últimos 6 números del access token de producción de la cuenta de prueba

    • @gasmau12
      @gasmau12 15 днів тому

      @@goncypozzo probe con los ult 6 del Access token y nada, probe con los 6 del user id y tampoco funciona.

    • @goncypozzo
      @goncypozzo  15 днів тому +1

      Aveces se pone raro, si deslogeas y esperas un rato despues intentas pagar y no te pide

  • @Luisllaboj19
    @Luisllaboj19 2 місяці тому

    Las devtools que se muestran vienen con Next15?

    • @goncypozzo
      @goncypozzo  2 місяці тому

      Que devtools? 🤔

    • @Luisllaboj19
      @Luisllaboj19 2 місяці тому

      @@goncypozzo El indicador flotante de abajo a la izquierda que dice "Static"

    • @Luisllaboj19
      @Luisllaboj19 2 місяці тому

      @@goncypozzo Me confundí de video pero he mirado que a la izquierda abajo sale un indicador flotante que dice "Static route⚡"

    • @goncypozzo
      @goncypozzo  2 місяці тому +1

      @@Luisllaboj19 ah, en Next 15 tenes ese indicador de si la página es estática o no pero no tiene funcionalidades

  • @cacodelphia_
    @cacodelphia_ 2 місяці тому

    CAPO

  • @Gers0nJ
    @Gers0nJ 2 місяці тому

    Próximamente checkout api 😢

  • @leandropalavecino7179
    @leandropalavecino7179 4 дні тому

    No lo puedo hacer funcionar.. trabajo con .net, pero de todas maneras no logro enlazar el id de la preferencia con el id de pago. Las webhooks me llegan correctamente, los pagos se crean correctamente, no tengo problema con eso. PERO LUEGO al pagar con la cuenta cliente, y recibir el webhook, intento buscar la informacion del pago nuevamente, y no logro dar con los datos del recurso. Uso el data id, tampoco lo logro, pruebo realizando un get al api/payments/{id}, tampoco me deja.

    • @leandropalavecino7179
      @leandropalavecino7179 4 дні тому

      Es un kilombo. No funciona con el sandbox init point. Tuve que cambiar a modo productivo en las cuentas de prueba para recien poder obtener la informacion del pago. Pero al menos ya pude hacerlo funcionar. 😑

    • @goncypozzo
      @goncypozzo  4 дні тому

      Usa la cuenta de prueba pero usa init_point, no sandbox_init_point

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

    me podrias dar una sugerencia para solucionar estos errores: PS D:
    ext-mercadopago
    ext-mercadopago\integraciones\checkout-pro> npm install
    npm error code ERESOLVE
    npm error ERESOLVE unable to resolve dependency tree
    npm error
    npm error While resolving: next-mercadopago@0.1.0
    npm error Found: react@19.0.0-rc-e4953922-20240919
    npm error node_modules/react
    npm error react@"19.0.0-rc-e4953922-20240919" from the root project
    npm error
    npm error Could not resolve dependency:
    npm error peer react@"^18.2.0 || 19.0.0-rc-cd22717c-20241013" from next@15.0.0-canary.192
    npm error node_modules/next
    npm error next@"15.0.0-canary.192" from the root project
    npm error
    npm error Fix the upstream dependency conflict, or retry
    npm error this command with --force or --legacy-peer-deps
    npm error to accept an incorrect (and potentially broken) dependency resolution.
    npm error
    npm error
    npm error For a full report see:
    npm error C:\Users\Henry\AppData\Local
    pm-cache\_logs\2024-11-25T15_39_37_522Z-eresolve-report.txt
    npm error A complete log of this run can be found in: C:\Users\Henry\AppData\Local
    pm-cache\_logs\2024-11-25T15_39_37_522Z-debug-0.log
    PS D:
    ext-mercadopago
    ext-mercadopago\integraciones\checkout-pro>

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

      vi que el repo tiene un archivo pnpm-lock.yaml seguramente eso te esta dando conflictos ya que es pnpm y estas queriendo instalar con npm, si tenes ese archivo borralo y proba de nuevo el npm install

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

      @@paracomentar2703 gracias ya lo probe y sigue igual.

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

      @@MrHenryortegon lo hiciste en un proyecto ya existente? quizas es un problema de versiones, si por eje lo hiciste en un proyecto que ya tenia react y aca estas intentando volver a instalar react pero con otra version, si es eso fijate lo que ya tenes instalado y solo instala lo otro y fijate de en tu proyecto solo tener un package.json

  • @papulo
    @papulo 2 місяці тому

    te quiero goncyy