Управление денежными средствами на расчетных счетах клиентов
Перевод денежных средств клиентов в Федеральное Казначейство
Встраивание в iframe

Код для вставки виджета в iframe

1
// DEV окружение
2
<iframe
3
src="https://wallet-payments-ui.dev.mnxsc.tech/withdrawal?frame=true&token={ONE_TIME_TOKEN}"
4
style="
5
width: 400px;
6
height: 600px;
7
border: 1px solid #CCC;
8
border-radius: 10px">
9
</iframe>
10
11
12
// PROD окружение
13
<iframe
14
src="https://wallet-payments-ui.prod.mnxsc.tech/withdrawal?frame=true&token={OONE_TIME_TOKEN"
15
style="
16
width: 400px;
17
height: 600px;
18
border: 1px solid #CCC;
19
border-radius: 10px">
20
</iframe>
Copied!
  • Рекомендуемые размеры iframe: 400 x 600
  • формирование ONE_TIME_TOKEN описано в разделе генерации токена партнера.

Ограничения использования iframe

Ограничение
Решение
Не работает вставка https iframe в http родителя.
Пример:
На страницу по адресу http://localhost:8080
Добавлен код <iframe src="https://wallet-payments-ui.dev.mnxsc.tech/..."
Браузеры ограничивают возможности таких iframe, поэтому для тестов нужен https родитель:
Например: https://localhost:8080

Получение событий из iframe

Виджет отправляет родительской странице события, которые можно обработать в js коде:
1
// код на сайте:
2
3
window.addEventListener("message", receiveMessage, false);
4
5
function receiveMessage(event) {
6
7
// событие от виджета
8
if(event.origin === 'https://wallet-payments-ui.prod.mnxsc.tech'){
9
10
const data = event.data || {};
11
console.log(data.type);
12
}
13
}
Copied!
Тип события
Описание
initialized
Виджет инициализирован
error
Произошла ошибка отображения виджета, при этом data.error будет содержать код ошибки
loggedOut
Пользователь завершил работу с виджетом
verificationFinished
Верификация пользователя завершена, при этом в поле data.status будет результат операции: 'SUCCESS' либо 'FAILED'
withdrawalFinished
Вывод завершен, при этом в поле data.status будет результат операции: 'SUCCESS' либо 'FAILED'
Last modified 3mo ago