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.
Para integraciones en sitios web, la configuración del entorno consiste en incluir la biblioteca MercadoPago.js V2 en las páginas donde se procesará el pago e inicializarla con tus credenciales. Sigue los pasos a continuación para dejar el frontend listo para capturar los datos de pago.
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-jsInicializar biblioteca de Mercado Pago
Client-Side
Para inicializar la biblioteca de Mercado Pago, deberás utilizar tus credencialesClaves de acceso vinculadas a una aplicación que permiten identificar y autenticar una integración con Mercado Pago.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 identifica una integración y reúne su configuración y sus credenciales.Datos de integració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 de pruebaClave pública vinculada a una aplicación, utilizada en el frontend para inicializar y probar la integración. Puedes consultarla en la sección Credenciales de la aplicación, dentro del entorno de prueba. No permite procesar pagos reales..
Una vez hayas localizado la Public Key de pruebaClave pública vinculada a una aplicación, utilizada en el frontend para inicializar y probar la integración. Puedes consultarla en la sección Credenciales de la aplicación, dentro del entorno de prueba. No permite procesar pagos reales., 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 estas configuraciones, tu entorno de desarrollo ya está listo para continuar con las configuraciones específicas de tu integración.