Различия

Показаны различия между двумя версиями страницы.

--- public:doc:podgotovka_k_zapusku_bystrogo_popolnenija_scheta_bps [08:26 16/05/2024] – [Встройка виджета БПС в сайт заказчика] ili
+++ public:doc:podgotovka_k_zapusku_bystrogo_popolnenija_scheta_bps [11:29 22/05/2024] (текущий) – vistoma
@@ Строка 20: / Строка 20: @@
   - Заключить договор с ЮКассой/Сбербанком/Тинькофф (**важно:** [[public:doc:tinkoff|для получения доступа к ЛК Тинькофф требуется написать им заявку]]) на интернет эквайринг, предоставить ключи доступа.
   - Ссылка на сайт Юкассы https://yookassa.ru/connection/
-  - Зарегистрировать онлайн-фискальник АТОЛЛ : https://atol.online/ (или иной, поддерживаемый выбранным интернет эквайером) и [[doc:nastrojka_onlajn_ehkvajringa_v_lichnom_kabinete_jukassy|подключить его в личном кабинете эквайера, либо передать нам данные для доступа в личный кабинет эквайера и хостинга онлайн фискальника]]
+  - Зарегистрировать онлайн-фискальник АТОЛ : https://atol.online/ (или иной, поддерживаемый выбранным интернет эквайером) и [[public:doc:online_processing:yookassa|подключить его в личном кабинете эквайера, либо передать нам данные для доступа в личный кабинет эквайера и хостинга онлайн фискальника]]
   - Подготовить **на своем сайте** страницу с данными, отвечающими требованиям эквайера, политикой конфиденциальности и правилами использования приложения, и предоставить ссылку на данную страницу ([[https://admin.lime-it.ru/useragreement.html|Пример]]): <WRAP center round important 60%>
 В правилах возврата указать что все возвраты осуществляются только на кассах!
@@ Строка 103: / Строка 103: @@
 </file>
-==== Ссылки ====
+===== Встройка виджета Веб витрины в сайт заказчика =====
+<WRAP center round important 60%>
+Ниже приведен **пример** встройки, для тестового виджета с тестовыми реквизитами! В комментариях к скрипту указано какие параметры следует заменить при встройке боевого виджета
+</WRAP>
+Встройка осуществляется через ''iframe'' силами заказчика (подрядчика, выполняющего обслуживание сайта заказчика), ниже приведен пример встройки в статическую html страницу
+<file html widget.html>
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    <script>
+	// защита от повторной загрузки фрейма
+	// если есть возможность использовать <body onload="setWidgetAddress()"> то лучше использовать его
+	// если нет, то <iframe id="wigetFrame" onload="setWidgetAddress()">
+	let g_widgetAddressApplied = false;
+	// Установка адреса виджета
+	function setWidgetAddress() {
+		if (g_widgetAddressApplied)
+            	return;
+		g_widgetAddressApplied = true;
+		// Разбор параметров URL для получения кода карты
+		const urlParams = new URLSearchParams(window.location.search);
+		const cardCode = urlParams.has('card') ? urlParams.get('card') : urlParams.get('uid');
+		// Для загрузки виджета нужны 2 параметра:
+		//   * адрес хоста виджета - ниже по коду widgetAddress
+		//   * идентификатор интеграции со стороны лайма - ниже по коду integrationId
+		// сменить на боевой адрес при размещении сервера Лайма на стороне Лайма: https://admin.lime-it.ru
+		// в случае, если сервер Лайма размещен на хостинге заказчика, уточнить у Лайма адрес сервера
+		const widgetAddress = 'https://limepay.chudin.ru';
+		// запросить у Лайма идентификатор интеграции
+		const integrationId = 37;
+		document.getElementById('wigetFrame')
+            	.setAttribute('src', `${widgetAddress}/shop/${integrationId}?` + (!!cardCode ?  `card=${cardCode}` : ''));
+        }
+    </script>
+</head>
+<body style="height: 100vh">
+    <iframe id="wigetFrame" style="width: 80%; height: 80%" onload="setWidgetAddress()">
+    </iframe>
+</body>
+</html>
+</file>
+===== Ссылки =====
   * [[public:doc:popolnenie_denezhnyx_sredstv_na_kartu_klienta|]]