# MD for: https://www.mercadopago.com.ar/developers/pt/docs/split-payments-1-n/development-environment.md \# Configure development environment To start integrating Mercado Pago's payment solutions, it is necessary to prepare your development environment with a series of basic configurations that will allow you to access Mercado Pago's functionalities from the frontend securely. > CLIENT\_SIDE > > h2 > > Include the MercadoPago.js Library Use our official libraries to access Mercado Pago's functionalities from your frontend and securely capture the payment data. * [html ](#editor%5F1) * [node ](#editor%5F2) html node ``` ``` Copiar ``` npm install @mercadopago/sdk-js ``` Copiar \> CLIENT\_SIDE > > h2 > > Initialize Mercado Pago Library To initialize the Mercado Pago library, you will need to use your :toolTipComponent\[credentials\]{link="/developers/en/docs/split-payments-1-n/resources/credentials" linkText="Credentials" content="Unique access keys used to identify an integration in your account, linked to your application. For more information, access the link below."}, unique keys that identify an integration in your account. They are directly linked to the :toolTipComponent\[application\]{link="/developers/en/docs/split-payments-1-n/resources/application-details" linkText="Application details" content="Entity registered in Mercado Pago that acts as an identifier for managing your integrations. For more information, access the link below."} you created for that integration, and will allow you to develop your project with Mercado Pago's best security measures. At this stage, you should use your :toolTipComponent\[test Public Key\]{content="Public key used in the frontend to access information and encrypt data. You can access it through \*Your integrations\* in the \*Integration data\* section, going to the \*Credentials\* section located on the right side of the screen and clicking \*Test\*. Alternatively, you can go through \*Your integrations > Application details > Tests > Test credentials\*."}. > NOTE > > If you are developing for someone else, you will be able to access the credentials of the applications you do not manage. Refer to \[Share credentials\](https://www.mercadopago.com.ar/developers/en/docs/split-payments-1-n/resources/credentials#bookmark\_share\_credentials) for more information. Once you have located the :toolTipComponent\[test Public Key\]{content="Public key used in the frontend to access information and encrypt data, whether in the development or testing stage. You can access it through \*Your integrations\* in the \*Integration data\* section, going to the \*Credentials\* section located on the right side of the screen and clicking \*Test\*. Alternatively, you can go through \*Your integrations > Application data > Tests > Test credentials\*."}, copy it and include it in the frontend to access the necessary data to interact with our services, as well as encrypt sensitive data involved in the payments you will receive. * [html ](#editor%5F3) * [javascript ](#editor%5F4) html javascript ``` ``` Copiar ``` import { loadMercadoPago } from "@mercadopago/sdk-js"; async function initMercadoPago() { await loadMercadoPago(); const mp = new window.MercadoPago("YOUR_PUBLIC_KEY"); } initMercadoPago(); ``` Copiar With this, your development environment is now ready to move forward with the specific configurations of your integration.