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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

ความคิดเห็น • 95

  • @TanisJam
    @TanisJam 3 หลายเดือนก่อน +9

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

  • @DavidEstebanPatinoJuspian
    @DavidEstebanPatinoJuspian 3 หลายเดือนก่อน +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 2 หลายเดือนก่อน

    El mejor video de la historia

  • @javi6953
    @javi6953 3 หลายเดือนก่อน +1

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

  • @sebasss1723
    @sebasss1723 3 หลายเดือนก่อน

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

  • @yorazu9329
    @yorazu9329 3 หลายเดือนก่อน +2

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

  • @alexcavazos1214
    @alexcavazos1214 3 หลายเดือนก่อน

    Te ganaste un subscriptor. Gracias goncy!

  • @Dis-Trackted
    @Dis-Trackted 3 หลายเดือนก่อน

    Reitero mi agradecimiento. Grande!

  • @panchillz1814
    @panchillz1814 2 หลายเดือนก่อน

    Genioo , me ayudaste demasiado. Un abrazo

  • @deeper_soundfy5528
    @deeper_soundfy5528 3 หลายเดือนก่อน

    Muchas Gracias por compartir Aaron Kauffmann!!

  • @guillermoblanco2923
    @guillermoblanco2923 3 หลายเดือนก่อน

    gonzy te adoro... muchas gracias

  • @TomasBarajas-vp8jd
    @TomasBarajas-vp8jd 3 หลายเดือนก่อน +2

    te quiero goncyy

  • @samuelvasquez448
    @samuelvasquez448 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน +1

      Me alegro que haya servido!

  • @Germanlok
    @Germanlok 3 หลายเดือนก่อน

    Gracias Goncy! muy claro todo

  • @sebastianvaldez1986
    @sebastianvaldez1986 3 หลายเดือนก่อน

    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.

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

      Dale de una

  • @mrf9237
    @mrf9237 3 หลายเดือนก่อน

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

  • @tomas.menniti
    @tomas.menniti 3 หลายเดือนก่อน

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

  • @dyego791979
    @dyego791979 2 หลายเดือนก่อน +1

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

    • @goncypozzo
      @goncypozzo  2 หลายเดือนก่อน +1

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

  • @aaronmaldonado6562
    @aaronmaldonado6562 26 วันที่ผ่านมา

    Estoy tratando de averiguar cómo implementar un sistema de cobros en mi página, principalmente a través de códigos QR. Además, me gustaría ofrecer una alternativa similar a la que mostraste en el video. Sin embargo, todavía no encuentro ningún tutorial al respecto.

  • @byte1270
    @byte1270 3 หลายเดือนก่อน

    Un crack Gonci

  • @triple_wav
    @triple_wav 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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.

  • @MatiasBaldanza
    @MatiasBaldanza 3 หลายเดือนก่อน

    Muy clarito

  • @diegoargonz9319
    @diegoargonz9319 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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!

  • @MartinAmzl
    @MartinAmzl 3 หลายเดือนก่อน

    🔥🔥

  • @tomas.menniti
    @tomas.menniti 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน +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

  • @benjaminarturoperezgarcia7656
    @benjaminarturoperezgarcia7656 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน

      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

  • @jpbelmont
    @jpbelmont 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน +1

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

  • @sebascm._
    @sebascm._ 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

      Imagino debe ser copilot

  • @RicardoMedina-r7e
    @RicardoMedina-r7e 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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 หลายเดือนก่อน

      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.

  • @juanferrer5885
    @juanferrer5885 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน +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 3 หลายเดือนก่อน

      @@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

  • @MariaPena-hj4sl
    @MariaPena-hj4sl 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

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

    • @MariaPena-er4to
      @MariaPena-er4to 3 หลายเดือนก่อน

      @@goncypozzo Gracias!!

  • @JuanPreciado-l5j
    @JuanPreciado-l5j 3 หลายเดือนก่อน

    no me desglosa los items en el resumen

  • @Sebalopezok
    @Sebalopezok 27 วันที่ผ่านมา

    Buenas tardes Goncy. Ante todo muchas gracias por el aporte. Tengo un problema, me clone el repositorio pero al querer ejecutarlo (npm run dev) tengo el error de que no existe el package.json. Podras subir ese archivo por favor? Saludos

    • @goncypozzo
      @goncypozzo  26 วันที่ผ่านมา +1

      Buenas, estas seguro que estás parado en la carpeta correcta?

    • @Sebalopezok
      @Sebalopezok 18 วันที่ผ่านมา

      @@goncypozzo Muchas gracias por tomarte el tiempo en responderme. Tenes toda la razon, estaba parado en una carpeta que no era la correcta. Excelente tu contenido y me sirvio mucho para implementarlo en mi applicacion. Muchas gracias nuevamente!!!!

  • @enriquesalazar5877
    @enriquesalazar5877 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  หลายเดือนก่อน

      Podes pagar como invitado, si

  • @julianmontes2042
    @julianmontes2042 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน +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 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน +1

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

    • @julianmontes2042
      @julianmontes2042 3 หลายเดือนก่อน

      @@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  3 หลายเดือนก่อน

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

  • @magadev69
    @magadev69 3 หลายเดือนก่อน

    Decir excelente, es poco!

  • @valentinfeller121
    @valentinfeller121 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน +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

  • @julianmontes2042
    @julianmontes2042 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

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

  • @NicoCoach99
    @NicoCoach99 3 หลายเดือนก่อน +1

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน +1

      Hoy hacemos stream de eso

    • @Kuzkonic
      @Kuzkonic 3 หลายเดือนก่อน

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

  • @cons_benjamin
    @cons_benjamin หลายเดือนก่อน

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

    • @gasmau12
      @gasmau12 หลายเดือนก่อน

      Cuando queres hacer un pago con la cuenta de prueba?

    • @goncypozzo
      @goncypozzo  หลายเดือนก่อน +1

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

    • @gasmau12
      @gasmau12 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  หลายเดือนก่อน +1

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

  • @llanesluis19
    @llanesluis19 3 หลายเดือนก่อน

    Las devtools que se muestran vienen con Next15?

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

      Que devtools? 🤔

    • @llanesluis19
      @llanesluis19 3 หลายเดือนก่อน

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

    • @llanesluis19
      @llanesluis19 3 หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน +1

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

  • @EdwardMelendezMendigure
    @EdwardMelendezMendigure หลายเดือนก่อน

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

    • @goncypozzo
      @goncypozzo  หลายเดือนก่อน

      Que es lo que no te aparece?

  • @romeroagustin5936
    @romeroagustin5936 3 หลายเดือนก่อน

    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  3 หลายเดือนก่อน +1

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

    • @romeroagustin5936
      @romeroagustin5936 3 หลายเดือนก่อน

      @@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

  • @cacodelphia_
    @cacodelphia_ 3 หลายเดือนก่อน

    CAPO

  • @Gers0nJ
    @Gers0nJ 3 หลายเดือนก่อน

    Próximamente checkout api 😢

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

      Nunca la usé

  • @leandropalavecino7179
    @leandropalavecino7179 หลายเดือนก่อน

    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 หลายเดือนก่อน

      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  หลายเดือนก่อน

      Usa la cuenta de prueba pero usa init_point, no sandbox_init_point

  • @MrHenryortegon
    @MrHenryortegon 2 หลายเดือนก่อน

    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 2 หลายเดือนก่อน +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 2 หลายเดือนก่อน

      @@paracomentar2703 gracias ya lo probe y sigue igual.

    • @paracomentar2703
      @paracomentar2703 2 หลายเดือนก่อน

      @@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 3 หลายเดือนก่อน

    te quiero goncyy

    • @goncypozzo
      @goncypozzo  3 หลายเดือนก่อน

      Gracias Papulo