Update pages.html

pages.html

@@ -1158,96 +1158,57 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
-    <script type="text/javascript">
-    var sky = '217669590/29281185/Nk03b3I5TFJTb3BkUDNLMzdYRHBiQT0';
-
-    // Функция для получения ключа из GET-параметра и его удаления
-    function getAndRemoveCodeFromUrl() {
-      const urlParams = new URLSearchParams(window.location.search);
-      const code = urlParams.get('code');
-      if (code) {
-        // Удаляем параметр из URL
-        urlParams.delete('code');
-        window.history.replaceState({}, document.title, `${window.location.pathname}?${urlParams.toString()}`);
-      }
-      console.log('Code:', code); // Выводим значение ключа в консоль
-      return code;
-    }
-
-    // Функция для получения информации о пользователе через наш сервер
-    function getVkUserInfo(token) {
-      const serverUrl = 'https://dmtuit-psy-vk.hf.space/get_vk_user_info'; // URL нашего сервера
-      const apiUrl = `${serverUrl}?token=${token}`;
-      console.log('API URL:', apiUrl); // Выводим URL в консоль
-
-      return fetch(apiUrl, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json' // Указываем тип содержимого
-        }
-      })
-      .then(response => {
-        if (!response.ok) {
-          throw new Error('Network response was not ok ' + response.statusText);
-        }
-        return response.json();
-      })
-      .then(data => {
-        if (data.user_id) {
-          console.log('User ID:', data.user_id);
-          return data.user_id;
-        } else {
-          throw new Error('Failed to get user info:', data);
-        }
+  <script src="https://unpkg.com/@vkid/sdk@<3.0.0/dist-sdk/umd/index.js"></script>
+  <script type="text/javascript">
+    if ("VKIDSDK" in window) {
+      const VKID = window.VKIDSDK;
+      VKID.Config.init({
+        "app": 52295022,
+        "redirectUrl": "https://dmtuit-psy-vk.hf.space/pages",
+        "source": VKID.ConfigSource.LOWCODE,
       });
-    }
 
-    // Функция для отправки запроса на второй сервер с полученным ID пользователя
-    function sendRequestWithUserId(userId) {
-      const secondServerURL = 'https://skyauto.me/cllbck/' + sky + '?api=1&uid=' + userId; // Формируем URL для отправки данных
-      console.log('secondServerURL:', secondServerURL); // Выводим URL в консоль
-
-      fetch(secondServerURL, {
-        method: 'POST', // Указываем метод запроса
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded' // Указываем тип содержимого
+      const oneTap = new VKID.OneTap();
+      oneTap.render({
+        "container": document.getElementById('vkid-container'),
+        "showAlternativeLogin": true,
+        "styles": {
+          "width": 360
         },
-        body: new URLSearchParams({ sky, userId }).toString() // Отправляем данные в формате application/x-www-form-urlencoded
-      })
-      .then(response => {
-        if (!response.ok) { // Если ответ не успешный
-          throw new Error('Ошибка HTTP: ' + response.status); // Выбрасываем ошибку
-        }
-        return response.json(); // Преобразуем ответ в JSON
+        "oauthList": [
+          "ok_ru",
+          "mail_ru"
+        ]
       })
-      .then(data => {
-        console.log('Данные от сервера:', data); // Выводим ответ сервера в консоль
-        updateIframes(data); // Обновляем iframe'ы на основе ответа от сервера
-      })
-      .catch(error => {
-        console.error('Error:', error); // Выводим ошибку в консоль
+      .on(VKID.WidgetEvents.ERROR, vkidOnError)
+      .on(VKID.OneTapInternalEvents.LOGIN_SUCCESS, function (payload) {
+        const code = payload.code;
+        const deviceId = payload.device_id;
+
+        // Отправляем code и deviceId на сервер для обмена на access_token
+        fetch('/exchange_code', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({ code, deviceId })
+        })
+        .then(response => response.json())
+        .then(data => {
+          if (data.error) {
+            console.error('Error from server:', data.error);
+          } else {
+            console.log('User Info:', data);
+            // Здесь можно обработать полученные данные о пользователе
+          }
+        })
+        .catch(vkidOnError);
       });
     }
 
-    // Функция для обновления iframe'ов
-    function updateIframes(data) {
-      for (const [iframeId, iframeData] of Object.entries(data)) {
-        const iframe = document.getElementById(iframeId);
-        if (iframe) {
-          iframe.src = iframeData.file;
-        }
-      }
+    function vkidOnError(error) {
+      console.error('VKID Error:', error);
     }
-
-    // Вызов функций при загрузке страницы
-    document.addEventListener('DOMContentLoaded', () => {
-      const code = getAndRemoveCodeFromUrl();
-      if (code) {
-        getVkUserInfo(code)
-          .then(userId => sendRequestWithUserId(userId))
-          .catch(error => console.error('Error:', error));
-      }
-    });
   </script>