Настройка Metaframe и его добавление в веб-приложение
Настройка Metaframe в Личном кабинете
Чтобы выполнить базовую настройку Metaframe:
- В вашем проекте в Личном кабинете перейдите в раздел Metaframe.
- Нажмите Создать Metaframe.
Внимание
Кнопка Создать Metaframe доступна только после подписания лицензионного договора.
- Установите переключатель Активировать Metaframe в активное положение.
- В поле Вариант авторизации выберите вариант авторизации, который вы настроили на предыдущем шаге.
Подробные сведения о настройке расширенных функций Metaframe приведены в разделах:
Интеграция Metaframe в веб-приложение
Чтобы добавить Metaframe в свое приложение:
- В вашем проекте в Личном кабинете перейдите в раздел Metaframe.
- Нажмите Скопируйте код скрипта.
- Добавьте скрипт в свой код одним из следующих способов:
- Вставьте скрипт в заголовок или тело HTML-файла до инициализации вашего приложения как показано в примере ниже.
Copy
- html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Integration example</title>
</head>
<body>
<script src="https://cdn.xsolla.net/metaframe-web-wallet-widget-prod/container/v1/metaframe.js"></script>
<script>
window.metaframe.create({
loginProjectId: '00000000-0000-0000-0000-000000000000',
merchantId: 000001,
projectId: 000001,
orbsApiHostId: '00000000-0000-0000-0000-000000000000',
isMobile: false,
isCollapsed: false,
layoutSettings: {
desktop: {
widgetMarginTop: 16
},
mobile: {
widgetMarginTop: 72
},
},
});
</script>
<script src="YOUR_APPLICATION_HERE.js"></script>
</body>
</html>
- Создайте элемент скрипта внутри JS-кода вашего приложения и вызовите метод
window.metaframe.createпосле загрузки скрипта как показано в примере ниже. Это позволит динамически загружать скрипт Metaframe.
- Создайте элемент скрипта внутри JS-кода вашего приложения и вызовите метод
Copy
- javascript
const metaframeScript = document.createElement("script");
metaframeScript.src = "https://cdn.xsolla.net/metaframe-web-wallet-widget-prod/container/v1/metaframe.js";
metaframeScript.onload = () => {
window.metaframe.create(
{
loginProjectId: '00000000-0000-0000-0000-000000000000',
merchantId: 000001,
projectId: 000001,
orbsApiHostId: '00000000-0000-0000-0000-000000000000',
isMobile: false,
isCollapsed: false,
layoutSettings: {
desktop: {
widgetMarginTop: 16
},
mobile: {
widgetMarginTop: 72
},
},
}
);
};
document.body.appendChild(metaframeScript);
Примечание
Подробное описание параметров метода
window.metaframe.create приведено в разделе Методы и события Metaframe.Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.
