Configurar ambiente de desenvolvimento
Para começar a integrar as soluções de pagamento do Mercado Pago, é necessário preparar seu ambiente de desenvolvimento com uma série de configurações básicas que permitirão acessar as funcionalidades do Mercado Pago a partir do frontend de forma segura.
Incluir a biblioteca MercadoPago.js
Client-Side
Utilize nossas bibliotecas oficiais para acessar as funcionalidades do Mercado Pago a partir do seu frontend e capturar os dados dos pagamentos realizados de forma segura.
<body>
<script src="https://sdk.mercadopago.com/js/v2"></script>
</body>npm install @mercadopago/sdk-jsInicializar biblioteca do Mercado Pago
Client-Side
Para inicializar a biblioteca do Mercado Pago, é necessário utilizar suas credenciaisChaves de acesso únicas que usamos para identificar uma integração na sua conta, estando vinculadas à sua aplicação. Para mais informações, acesse o link abaixo.Credenciais, chaves únicas que identificam uma integração na sua conta. Estão diretamente vinculadas à aplicaçãoEntidade registrada no Mercado Pago que atua como um identificador para gerenciar suas integrações. Para mais informações, acesse o link abaixo.Dados da integração criada para essa integração, permitindo que você desenvolva seu projeto contando com as melhores medidas de segurança do Mercado Pago.
Nesta etapa, você deverá usar sua Public Key de testeChave pública que é utilizada no frontend para acessar informações e criptografar dados. Você pode acessá-la através de Suas integrações > Dados da integração, indo até a seção Credenciais, localizada à direita da tela, e clicando em Teste. Alternativamente, você também poderá acessá-la a partir de Suas integrações > Dados da aplicação > Testes > Credenciais de teste..
Uma vez localizada a Public Key de testeChave pública que é utilizada no frontend para acessar informações e criptografar dados, seja na etapa de desenvolvimento ou na de testes. Você pode acessá-la através de Suas integrações > Dados da integração, indo até a seção Credenciais, localizada à direita da tela, e clicando em Teste. Alternativamente, você também poderá acessá-la a partir de Suas integrações > Dados da aplicação > Testes > Credenciais de teste., copie-a e a inclua no frontend para poder acessar os dados necessários para interagir com nossos serviços, assim como criptografar aqueles dados sensíveis envolvidos nos pagamentos que você irá receber.
<script>
const mp = new MercadoPago("YOUR_PUBLIC_KEY");
</script>import { loadMercadoPago } from "@mercadopago/sdk-js";
async function initMercadoPago() {
await loadMercadoPago();
const mp = new window.MercadoPago("YOUR_PUBLIC_KEY");
}
initMercadoPago();Com isso, seu ambiente de desenvolvimento já está pronto para avançar com as configurações específicas de sua integração.