--- metadata: - name: generator content: Diplodoc Platform v5.44.0 alternate: - https://yandex.ru/dev/id/doc/en/suggest-connection.md - https://yandex.ru/dev/id/doc/ru/suggest-connection.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/dev/id/doc/ru/llms.txt # Подключение мгновенной авторизации 1. Настройте страницу вашего сайта, на которой будет осуществляться авторизация пользователя с помощью кнопки или виджета. 1. Подключите на страницу скрипт `sdk-suggest.js`: ```html ``` 1. Добавьте вызов скрипта. Вариант кода зависит от вида блока авторизации, который вы будете использовать для входа: для виджета не указывается группа параметров, которая отвечает за внешний вид кнопки. {% list tabs %} - Виджет "Мгновенный вход" ![](./_assets/has-cookie.png =400x) 1. Скопируйте код: ```javascript 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)); ``` 1. Подставьте в код: * в параметр `client_id` — идентификатор OAuth-приложения, зарегистрированного на [Этапе 1](https://yandex.ru/dev/id/doc/ru/register-client.md); * в параметр `redirect_uri` — URL вспомогательной страницы, который вы указали в [поле **Redirect URI**](https://yandex.ru/dev/id/doc/ru/register-client.md#platforms) для OAuth-приложения с данным `client_id` (если параметр не указан, то будет использовано первое из значений поля **Redirect URI**); * вместо `'https://examplesite.com'` — origin вспомогательной страницы, которая принимает токен. - Кнопка авторизации 1. Настройте внешний вид кнопки с помощью конструктора кнопок. {% include notitle [_](./_mdx/button-constructor.mdx) %} 1. Скопируйте готовый код из конструктора и вставьте его на страницу. 1. Замените в коде: * `oauthQueryParams` — на блок ```javascript { client_id: 'c46f0c53093440c39f12eff95a9f2f93', response_type: 'token', redirect_uri: 'https://examplesite.com/suggest/token' } ``` В блоке подставьте нужные значения параметров: * в параметр `client_id` — идентификатор OAuth-приложения, зарегистрированного на [Этапе 1](https://yandex.ru/dev/id/doc/ru/register-client.md); * в параметр `redirect_uri` — URL вспомогательной страницы, который вы указали в [поле **Redirect URI**](https://yandex.ru/dev/id/doc/ru/register-client.md#platforms) для OAuth-приложения с данным `client_id` (если параметр не указан, то будет использовано первое из значений поля **Redirect URI**). * `tokenPageOrigin` — на origin вспомогательной страницы, которая принимает токен. {% endlist %} Подробнее о скрипте `sdk-suggest.js` читайте в разделе [Настройка скрипта sdk-suggest.js для страницы авторизации](https://yandex.ru/dev/id/doc/ru/suggest/script-sdk-suggest.md). 1. Подготовьте вспомогательную страницу, которая будет принимать OAuth-токен. 1. Создайте пустую страницу по адресу, который вы указали в поле **Redirect URI** OAuth-приложения, зарегистрированного на [Этапе 1](https://yandex.ru/dev/id/doc/ru/register-client.md). Внешний вид вспомогательной страницы настраивать не обязательно. Она будет отображаться несколько миллисекунд, поэтому можно оставить белый экран. 1. Подключите на страницу скрипт `sdk-suggest-token.js`: ```html ``` 1. Добавьте вызов скрипта. 1. Скопируйте код: ```javascript YaSendSuggestToken( 'https://examplesite.com', { flag: true } ) ``` 1. Замените в коде `'https://examplesite.com'` на origin страницы вашего сайта, на которой будет осуществляться авторизация пользователя при помощи кнопки или виджета. Подробнее о скрипте `sdk-suggest-token.js` читайте в разделе [Настройка скрипта sdk-suggest-token.js для вспомогательной страницы](https://yandex.ru/dev/id/doc/ru/suggest/script-sdk-suggest-token.md). {% included (./_mdx/button-constructor.mdx) %}
{% endincluded %}