Авторизация по VK ID | Mail.ru | Одноклассники

javascript
<div>
  <script nonce="csp_nonce" src="https://unpkg.com/@vkid/sdk@<3.0.0/dist-sdk/umd/index.js"></script>
  <script nonce="csp_nonce" type="text/javascript">
    if ('VKIDSDK' in window) {
      const VKID = window.VKIDSDK;

      VKID.Config.init({
        app: 54290699,
        redirectUrl: 'https://e193aa7d886bfed5.cremax.su/cabinet',
        responseMode: VKID.ConfigResponseMode.Callback,
        source: VKID.ConfigSource.LOWCODE,
        scope: '', // Заполните нужными доступами по необходимости
      });

      const oAuth = new VKID.OAuthList();

      oAuth.render({
        container: document.currentScript.parentElement,
        oauthList: [
          'vkid',
          'mail_ru',
          'ok_ru'
        ]
      })
      .on(VKID.WidgetEvents.ERROR, vkidOnError)
      .on(VKID.OAuthListInternalEvents.LOGIN_SUCCESS, function (payload) {
        const code = payload.code;
        const deviceId = payload.device_id;

        VKID.Auth.exchangeCode(code, deviceId)
          .then(vkidOnSuccess)
          .catch(vkidOnError);
      });
    
      function vkidOnSuccess(data) {
        // Обработка полученного результата
        cr.api(function (page) {
        	// "scenario_name" - название сценария из его эндпоинта
          page.executeBackendScenario("vk_id_avtorizaciya", {
            // Значения для передачи в сценарий. Пример:
            data: data
          }, {}).then((res) => {
            // Обработка результата который возвращает сценарий
            	window.location.href = res;
            })
        });
      }
    
      function vkidOnError(error) {
        // Обработка ошибки
      }
    }
  </script>
</div>