---
metadata:
  - name: generator
    content: Diplodoc Platform v5.62.0
alternate:
  - https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/connect-yandex-id.md
  - href: https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/connect-yandex-id.md
    type: text/markdown
    title: Markdown version
  - href: https://sourcecraft.dev/portal/docs/ru/vibecraft/llms.txt
    rel: describedby
title: Подключить аутентификацию через Яндекс ID в VibeCraft
description: Настройте аутентификацию пользователей через Яндекс ID в проекте VibeCraft.
---
> **Documentation Index:** Fetch the complete configuration index at https://sourcecraft.dev/portal/docs/ru/llms.txt


# Подключить аутентификацию через Яндекс ID

Вы можете реализовать в своем проекте VibeCraft аутентификацию пользователей через [Яндекс ID](https://yandex.ru/dev/id/doc/ru/) — единый аккаунт на Яндексе. Пользователи смогут входить в приложение с существующим аккаунтом, не создавая отдельный логин и пароль.

С разрешения пользователя приложение может получать данные его аккаунта, например имя, адрес электронной почты или аватар. Эти данные можно использовать для личного кабинета и персонализации приложения. VibeCraft поможет настроить коннектор Яндекс ID и добавит аутентификацию в код проекта.

{% note warning %}

Подключить аутентификацию через Яндекс ID можно только к проекту с [собственным доменом](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/attach-domain.md). Привязка собственного домена доступна только с [платной подпиской](https://sourcecraft.dev/portal/docs/ru/vibecraft/pricing.md).

{% endnote %}

Чтобы подключить аутентификацию через Яндекс ID:

1. [Привяжите собственный домен](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/attach-domain.md), если еще не сделали этого.
1. [Запустите настройку коннектора](#start-setup).
1. [Создайте приложение в Яндекс OAuth](#create-oauth-app).
1. [Завершите подключение в VibeCraft](#connect).
1. [Проверьте вход в приложение](#test-login).

## Запустите настройку коннектора {#start-setup}

1. Откройте [главную страницу](https://vibe.sourcecraft.dev) VibeCraft и выберите проект с привязанным собственным доменом.
1. В правом верхнем углу нажмите ![image](../../_assets/console-icons/sliders.svg) **Настройки**.
1. Откройте раздел ![image](../../_assets/console-icons/plug-connection.svg) **Коннекторы** и в карточке **Яндекс ID** нажмите **Подключить**.

    {% note tip %}

    Вы также можете запустить настройку прямо из чата. Для этого отправьте запрос:

    ```text
    Подключи коннектор yandex-id и реализуй его в приложении.
    ```

    {% endnote %}

1. В чате появится запрос на подключение коннектора. Дождитесь, пока откроется окно **Подключение Яндекс ID**.
1. В открывшемся окне:
    * В поле **Название** укажите название приложения.
    * В блоке **Иконка** нажмите **Загрузить** и выберите изображение на компьютере или нажмите **Сгенерировать**, чтобы создать его с помощью VibeCraft.

      Поддерживаются форматы JPG, PNG, GIF, WebP, SVG и ICO. Максимальный размер файла — 1 МБ, рекомендуемый размер изображения — 256 × 256 пикселей.

1. Нажмите **Продолжить**.

## Создайте приложение в Яндекс OAuth {#create-oauth-app}

1. Авторизуйтесь в сервисе [Яндекс OAuth](https://oauth.yandex.ru/) через ваш аккаунт на Яндексе, с помощью которого вы планируете продолжать разработку.
1. Откройте [форму регистрации приложения](https://oauth.yandex.ru/client/new/id/).
1. Укажите название приложения, загрузите иконку и заполните контактную почту. Нажмите **Продолжить**.
1. На шаге **Платформы приложений** выберите **Веб-сервисы**.
1. Вернитесь во вкладку VibeCraft и нажмите **Продолжить**.

    VibeCraft покажет адреса, которые нужно указать в Яндекс OAuth:

    * **Redirect URLs** — адреса возврата в приложение после авторизации.
    * **Suggested Hostnames** — адреса страниц, на которых будет размещена кнопка входа.

    В списках могут быть адреса предварительной версии, [опубликованного проекта](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/deploy.md) и [привязанного домена](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/attach-domain.md). Используйте значения, которые отображаются для вашего проекта.

1. Скопируйте все адреса из блока **Redirect URLs** в поля **Redirect URI** в Яндекс OAuth. Для каждого следующего адреса добавляйте поле с помощью кнопки ![image](../../_assets/console-icons/plus.svg).
1. Аналогично перенесите все адреса из блока **Suggested Hostnames** в поля **Suggest Hostname** в Яндекс OAuth.
1. В Яндекс OAuth нажмите **Продолжить**.
1. На шаге **Права доступа к данным пользователей** выберите данные, которые нужны вашему приложению. Например, для получения электронной почты включите **Доступ к адресу электронной почты**. Нажмите **Продолжить**.
1. Проверьте, как будет выглядеть окно входа для пользователей, и нажмите **Все верно, создать приложение**.

    Откроется страница созданного приложения с параметрами **ClientID** и **Client secret**.

Подробнее о регистрации приложения — в [документации Яндекс ID](https://yandex.ru/dev/id/doc/ru/register-auth).

## Завершите подключение в VibeCraft {#connect}

1. Вернитесь во вкладку VibeCraft и нажмите **Продолжить**.
1. Перенесите данные со страницы приложения из Яндекс OAuth:
    * **ClientID**.
    * **Client secret**.

1. Нажмите **Подключить** и дождитесь завершения настройки.
1. Нажмите **Открыть настройки коннекторов**. В разделе ![image](../../_assets/console-icons/plug-connection.svg) **Коннекторы** у коннектора **Яндекс ID** должен появиться статус **Подключён**. Дождитесь завершения обновления окружения приложения.
1. Закройте настройки и дождитесь сообщения VibeCraft в чате о завершении работы: после подключения коннектора сервис добавит аутентификацию в код приложения.

Чтобы позже проверить подключение, в правом верхнем углу проекта нажмите ![image](../../_assets/console-icons/sliders.svg) **Настройки** и откройте раздел ![image](../../_assets/console-icons/plug-connection.svg) **Коннекторы**.

## Проверьте вход в приложение {#test-login}

1. Откройте вкладку ![image](../../_assets/console-icons/eye.svg) **Превью** и при необходимости обновите предварительную версию кнопкой ![image](../../_assets/console-icons/arrow-rotate-right.svg).
1. Откройте приложение в новой вкладке браузера с помощью кнопки ![image](../../_assets/console-icons/arrow-up-right-from-square.svg).
1. Нажмите добавленную в приложение кнопку входа через Яндекс ID.
1. Выберите аккаунт на Яндексе и разрешите доступ к данным, которые вы указали при регистрации приложения.
1. Убедитесь, что после авторизации вы вернулись в приложение и вошли в аккаунт.

Если вход работает некорректно, проверьте адреса **Redirect URI** и **Suggest Hostname** в Яндекс OAuth и опишите проблему в чате VibeCraft.

После проверки [опубликуйте обновленную версию проекта](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/deploy.md).

#### Полезные ссылки {#see-also}

* [Документация Яндекс ID](https://yandex.ru/dev/id/doc/ru/)
* [Как начать работать с VibeCraft](https://sourcecraft.dev/portal/docs/ru/vibecraft/index.md)
* [Опубликовать проект VibeCraft в Yandex Cloud](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/deploy.md)
* [Привязать собственный домен к проекту VibeCraft](https://sourcecraft.dev/portal/docs/ru/vibecraft/operations/attach-domain.md)