This project uses the Mercado Pago's Checkout Bricks to build a checkout experience.
Wallet Brick is used to redirect the payer to Mercado Pago and Brand Brick is used to show the payer the benefits of using Mercado Pago.
- Node.js
- NPM (dependency manager)
- Express
- Node.js 10 or higher (you can download it here).
- Read our instructions on how to create an application at the Mercado Pago Developer Panel in order to acquire your public key and access token. They will grant you access to Mercado Pago's public APIs.
- Clone the project.
git clone https://github.com/mercadopago/wallet-brand-bricks-sample-node.git- Go to the project's folder.
cd wallet-brand-bricks-sample-node- Then install the dependencies.
npm install- Run the following command to start the application:
npm run localtunnel- Copy the generated URL: (it may take a few seconds to show the URL)
- Keep the previous terminal instance running and open a new one. In the new terminal instance, run the following command:
HOST=YOUR-URL MERCADO_PAGO_SAMPLE_PUBLIC_KEY=YOUR-PUBLIC-KEY MERCADO_PAGO_SAMPLE_ACCESS_TOKEN=YOUR-ACCESS-TOKEN npm start-
Remember to replace
YOUR-URLwith the URL from the step 2,YOUR_PUBLIC_KEYandYOUR_ACCESS_TOKENwith the corresponding credentials from your account. -
Navigate to
YOUR-URLfrom step 2 in your browser. In your first access to this URL, you will be prompted with a warning page. You'll need to inform your public IP Address, but don't worry, the warning page shows you how you can do that. Then paste your public IP in the input field and "Click to Submit". -
That's all, now you can access your localhost running app through the URL exposed by localtunnel.
On our testing instructions you'll find credit cards that can be used along with this sample and a guide on how to create test users.
You can contribute to this project by reporting problems and bugs. Before opening an issue, make sure to read our code of conduct.
MIT License. Copyright (c) 2023 - Mercado Pago
For more information, see the LICENSE file.