Подключение мгновенной авторизации

  1. Настройте страницу вашего сайта, на которой будет осуществляться авторизация пользователя с помощью кнопки или виджета.

    1. Подключите на страницу скрипт sdk-suggest.js:

      <head>
   <script src="https://yastatic.net/s3/passport-sdk/autofill/v1/sdk-suggest-with-polyfills-latest.js"></script>
</head>

    2. Добавьте вызов скрипта. Вариант кода зависит от вида блока авторизации, который вы будете использовать для входа: для виджета не указывается группа параметров, которая отвечает за внешний вид кнопки.

      1. Скопируйте код:

        YaAuthSuggest.init(
      {
         client_id: 'c46f0c53093440c39f12eff95a9f2f93',
         response_type: 'token',
         redirect_uri: 'https://examplesite.com/suggest/token'
      },
      'https://examplesite.com'
   )
   .then(({
      handler
   }) => handler())
   .then(data => console.log('Сообщение с токеном', data))
   .catch(error => console.log('Обработка ошибки', error));

      2. Подставьте в код:

        • в параметр client_id — идентификатор OAuth-приложения, зарегистрированного на Этапе 1;
        • в параметр redirect_uri — URL вспомогательной страницы, который вы указали в поле Redirect URI для OAuth-приложения с данным client_id (если параметр не указан, то будет использовано первое из значений поля Redirect URI);
        • вместо 'https://examplesite.com' — origin вспомогательной страницы, которая принимает токен.

      1. Настройте внешний вид кнопки с помощью конструктора кнопок.

      2. Скопируйте готовый код из конструктора и вставьте его на страницу.

      3. Замените в коде:

        • oauthQueryParams — на блок

          {
   client_id: 'c46f0c53093440c39f12eff95a9f2f93',
   response_type: 'token',
   redirect_uri: 'https://examplesite.com/suggest/token'
}

          В блоке подставьте нужные значения параметров:

          • в параметр client_id — идентификатор OAuth-приложения, зарегистрированного на Этапе 1;
          • в параметр redirect_uri — URL вспомогательной страницы, который вы указали в поле Redirect URI для OAuth-приложения с данным client_id (если параметр не указан, то будет использовано первое из значений поля Redirect URI).

        • tokenPageOrigin — на origin вспомогательной страницы, которая принимает токен.

      Подробнее о скрипте sdk-suggest.js читайте в разделе Настройка скрипта sdk-suggest.js для страницы авторизации.

  2. Подготовьте вспомогательную страницу, которая будет принимать OAuth-токен.

    1. Создайте пустую страницу по адресу, который вы указали в поле Redirect URI OAuth-приложения, зарегистрированного на Этапе 1. Внешний вид вспомогательной страницы настраивать не обязательно. Она будет отображаться несколько миллисекунд, поэтому можно оставить белый экран.

    2. Подключите на страницу скрипт sdk-suggest-token.js:

      <head>
   <script src="https://yastatic.net/s3/passport-sdk/autofill/v1/sdk-suggest-token-with-polyfills-latest.js"></script>
</head>

    3. Добавьте вызов скрипта.

      1. Скопируйте код:

        YaSendSuggestToken(
   'https://examplesite.com', 
   {
      flag: true
   }
)

      2. Замените в коде 'https://examplesite.com' на origin страницы вашего сайта, на которой будет осуществляться авторизация пользователя при помощи кнопки или виджета.

    Подробнее о скрипте sdk-suggest-token.js читайте в разделе Настройка скрипта sdk-suggest-token.js для вспомогательной страницы.

Предыдущая
Веб-платформы — мгновенная авторизация
Следующая
Скрипт sdk-suggest.js для страницы авторизации