Configurar ambiente de desarrollo
Para comenzar a integrar las soluciones de cobro de Mercado Pago, es necesario preparar tu ambiente de desarrollo con una serie de configuraciones básicas que te permitirán acceder a las funcionalidades de Mercado Pago desde el frontend de manera segura.
El entorno de desarrollo puede configurarse para integraciones en sitios web o aplicaciones móviles. Selecciona el tipo de integración a continuación y sigue las instrucciones específicas para cada caso.
Incluir la biblioteca MercadoPago.js
Client-Side
Utiliza nuestras bibliotecas oficiales para interactuar con Mercado Pago desde tu frontend y capturar los datos de los pagos realizados de forma segura.
<body>
<script src="https://sdk.mercadopago.com/js/v2"></script>
</body>
npm install @mercadopago/sdk-js
Inicializar biblioteca de Mercado Pago
Client-Side
Para inicializar la biblioteca de Mercado Pago, deberás utilizar tus credencialesClaves de acceso únicas con las que identificamos una integración en tu cuenta, vinculadas a tu aplicación. Para más información, accede al link a continuación.Credenciales, claves únicas con las que identificamos una integración en tu cuenta. Están directamente vinculadas a la aplicaciónEntidad registrada en Mercado Pago que actúa como un identificador para gestionar tus integraciones. Para más información, accede al link a continuación.Detalles de aplicación que creaste para esa integración, y te permitirán desarrollar tu proyecto contando con las mejores medidas de seguridad de Mercado Pago.
En esta etapa, deberás utilizar tu Public Key productivaClave pública que es utilizada en el frontend para acceder a información y cifrar datos. Puedes acceder a ella a través de Tus integraciones > Detalles de aplicación > Producción > Credenciales de producción., a la que podrás acceder ingresando a los Detalles de tu aplicación en Tus integraciones, bajo el título Producción > Credenciales de producción en el menú ubicado a la izquierda de la pantalla.
Una vez hayas localizado la Public KeyClave pública de pruebas, que es utilizada en el frontend para acceder a información y cifrar datos, sea en la etapa de desarrollo o en la de pruebas. Puedes acceder a ella a través de Tus integraciones > Detalles de aplicación > Pruebas > Credenciales de prueba., cópiala e inclúyela en el frontend para poder acceder a los datos necesarios para interactuar con nuestros servicios, así como cifrar aquellos datos sensibles involucrados en los pagos que vayas a recibir.
<script>
const mp = new MercadoPago("YOUR_PUBLIC_KEY");
</script>
import { loadMercadoPago } from "@mercadopago/sdk-js";
await loadMercadoPago();
const mp = new window.MercadoPago("YOUR_PUBLIC_KEY");
Con esto, tu ambiente de desarrollo ya está listo para avanzar con las configuraciones específicas de tu integración.