Настройка входа с помощью баннера

Обновлено 14 ноября 2024

Для доступности SberidSDK подключите скрипт https://id.sber.ru/sdk/web/sberid-sdk.production.js на страницу

Для корректной работы отображения баннера, представленный ниже конфиг должен вызываться на всех страницах не авторизованной зоны, кроме страницы авторизации, где уже есть кнопка для входа

  new SberidSDK({
    oidc: {
      client_id: '9868c1be-0779-4bb3-93e1-f227aa387a43',
      client_type: 'PRIVATE',
      nonce: 'McTTOAYUkH3ye-X9hhD67N3Kc6lIiSz3unUq54M1s0s',
      redirect_uri: 'https://www.sberbank.ru/ru/person',
      state: 'af0ifjsldkj',
      scope: 'openid name',
      response_type: 'code',
      name: 'Название вашего приложения'
    },
    notification: {
      enable: true, // включаем отображение баннера
      // настройка применяется только для декстопных браузеров
      // возможные значения: 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left'
      position: 'bottom-right', // 'bottom-right' - значение по умолчанию
      // возможные значения: 'white' | 'dark'
      theme: 'white', // 'white' - значение по умолчанию
      // позволяет указать название сервиса в персонализированном баннере,
      // ограничение 15 символов, иначе используется значение по умолчанию "сервис"
      serviceName: 'сервис', // 'сервис' - значение по умолчанию
      // включить автоматическое закрытие баннера, только для мобильных браузеров
      autoClose: false, // false - значение по умолчанию
      // через сколько _сек_ автоматически закрывать баннер, только для мобильных браузеров
      autoCloseDelay: 30, // 90 - значение по умолчанию
      // позволяет дополнить текст соглашения
      textOfferExtension: '', // для добавления ссылки в текст необходимо использовать формат [текст ссылки](https://you_url.ru)
    },
    // данная функцию будет вызвана если получится сделать авторизацию без перехода на страницу Сбер ID
    onSuccessCallback: ({state, code} = {}) => {
      if(state && code){
        // проверка и отправка данных state, code для завершения авторизации
      } else {
        // обработка ошибки
      }
    }
  })
  .init()
  .then(() => {
      // завершена инициализация sdk, ваш код если необходимо
  });