Интеграция платежной системы MoonPay на сайт по API

Автор: Роман Чернышов Опубликовано: 10 ноября 2024

moonpay В своем портфолио я хочу представить вам проект, который считаю весьма интересным: «Интеграция платежной системы MoonPay на сайт через API». Ко мне обратился клиент, владелец сети Telegram-ботов, управляемых через централизованный сайт. Он нашел меня через мой блог, прочитав одну из моих статей, и предложил сотрудничество. Клиент внимательно изучил разделы моего блога, такие как «Гарантии», «Об авторе» и «Отзывы», прежде чем принять решение. После этого мы приступили к работе.

Поставленные задачи

В рамках данного проекта, были поставлены и реализованы следующие задачи:

Подключить платежную систему MoonPay;
Реализовать систему балансов пользователей на сайте.

Стек технологий

Языки программирования и фреймворки:

JavaScript;
jQuery;
PHP 8;

Базы данных и системы кеширования:

База данных MySQL (MariaDB);

Внешние сервисы

Изучение документации, подключение и настройка внешнего сервиса по API (Application Programming Interface);

Дополнительно в рамках работы требовалось

В рамках проекта были зафиксированы и оговорены точные сроки сдачи работы, без возможности их переноса, т.е. был установлен дедлайн, это накладывало на меня дополнительную ответственность, с чем разумеется я справился;

Быстрый старт

В нашем случае задача не была столь простой, так как интеграция требовала также разработки нового функционала и написания части кода для работы с MoonPay на PHP, но если требуется быстрое подключение платежной системы к сайту(без доработки его функционала), то достаточно выполнить следующие действий:

Получаем ключи API в панели управления MoonPay (в личном кабинете);
Вставляет HTML и код на страницы сайта;
Выполняем тестовый платеж.

Сам код:

Просмотр кода HTML

    <script defer src="https://static.moonpay.com/web-sdk/v1/moonpay-web-sdk.min.js"></script>

Просмотр кода JAVASCRIPT

   document.addEventListener("DOMContentLoaded", () => {
       const moonpaySdk = window.MoonPayWebSdk.init({
           flow: "buy",
           environment: "sandbox",
           variant: "overlay",
           params: {
               apiKey: "pk_test", // Replace with your MoonPay publishable API key
               baseCurrencyCode: "gbp",
               baseCurrencyAmount: "100",
               defaultCurrencyCode: "btc",
               walletAddress: "enter your wallet here"
           }});
 
       // Open widget
       moonpaySdk.show();
   });