Виджет авторизации Яндекс ID

Виджет мгновенной авторизации через Яндекс ID для приложения «Сайт»

Мгновенная авторизация через Яндекс ID

Благодаря функции мгновенной авторизации через Яндекс ID посетители могут входить на ваш сайт или в интернет-магазин на Webasyst, используя аккаунт Яндекса, без отдельного пароля на вашей странице входа. Это удобно для покупателей и гостей: данные в контакте остаются актуальными, как при обычной соцавторизации Webasyst.

Плагин «Виджет Яндекс ID» для приложения «Сайт» не дублирует поля Яндекса в своих настройках — Client ID и секрет задаются в разделе сайта про личный кабинет и соцсети. В плагине видно, всё ли там настроено, и есть готовые фрагменты кода для темы оформления.

Что можно вывести на сайте

Три способа входа — можно включить любой или несколько сразу:

Виджет Passport (Яндекс) — окно входа от Яндекса; одна вставка в шаблон.
Ссылка через oauth.php — тот же сценарий, что у кнопки «Яндекс» в стандартной форме входа Webasyst; удобно для своей вёрстки и текста.
Кнопка из SDK Яндекса — готовая кнопка, внешний вид настраивается во вкладке плагина.

Smarty-хелперы для шаблона темы

Оборачивайте вызовы в {if $wa->site} … {/if}. Для гостей код выводится только при включённой соцавторизации и настроенном Яндексе в параметрах сайта.

{siteYandexidPlugin::wiget()} — виджет Passport (то же самое: widget()).
{siteYandexidPlugin::oauthLinkUrl()} — только URL.
{siteYandexidPlugin::oauthLinkHtml()} — ссылка «Войти через Яндекс».
{siteYandexidPlugin::oauthLinkHtml('Мой текст', 'мой-css-класс')} — свой текст и CSS-класс.
{siteYandexidPlugin::sdkButtonHtml()} — контейнер и скрипт кнопки SDK.

В настройках плагина на вкладках «Виджет Passport», «Кнопка OAuth» и «Кнопка SDK» фрагменты можно скопировать кнопкой «Копировать».

Как интегрировать плагин

Откройте Сайт → Плагины → Виджет Яндекс ID (полный экран настроек — в админке Webasyst версии 2.0).
В настройках сайта включите соцсети и адаптер «Яндекс», укажите Client ID и секрет приложения в кабинете oauth.yandex.ru. Подробнее — в справке Webasyst по авторизации через Яндекс.
В приложении на Яндексе добавьте Redirect URI для веб-сервиса: нужно указать два адреса (они показаны в плагине на вкладке «Основное»): один для входа через форму Webasyst (oauth.php?provider=yandex), второй для виджета плагина (URL вида …/yandexid/redirect_uri/).
Вставьте нужный Smarty-хелпер в шаблон темы — например в index.html перед закрывающим тегом </body> или внутри <body>. Какой хелпер выбрать — см. список выше (виджет, ссылка или SDK).

Если вход не срабатывает, проверьте блок «Статус связки с Site» в настройках плагина и список Redirect URI в кабинете Яндекса.

Помощь в интеграции в тему дизайна: Telegram @web_stu