Встраивание в iframe

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

// DEV окружение
<iframe 
    src="https://fps-ui.dev.mnxsc.tech/withdrawal?frame=true&token={ONE_TIME_TOKEN}"
    style="
    width: 400px; 
    height: 600px; 
    border: 1px solid #CCC; 
    border-radius: 10px">
</iframe>


// PROD окружение
<iframe 
    src="https://fps-ui.prod.mnxsc.tech/withdrawal?frame=true&token={OONE_TIME_TOKEN"
    style="
    width: 400px; 
    height: 600px; 
    border: 1px solid #CCC; 
    border-radius: 10px">
</iframe>

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

Ограничение

Решение

Не работает вставка https iframe в http родителя.

Пример:

На страницу по адресу http://localhost:8080

Добавлен код <iframe src="https://fps-ui.dev.mnxsc.tech/..."

Браузеры ограничивают возможности таких iframe, поэтому для тестов нужен https родитель:

Например: https://localhost:8080

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

Виджет отправляет родительской странице события, которые можно обработать в js коде:

Тип события

Описание

initialized

Виджет инициализирован

error

Произошла ошибка отображения виджета, при этом data.error будет содержать код ошибки

loggedOut

Пользователь завершил работу с виджетом

verificationFinished

Верификация пользователя завершена, при этом в поле data.status будет результат операции: 'SUCCESS' либо 'FAILED'

withdrawalFinished

Вывод завершен, при этом в поле data.status будет результат операции: 'SUCCESS' либо 'FAILED'

Last updated