==== 1. Переход к списку созданных приложений ====

На основной странице [[https://vk.com/|VK]], в левом меню находим пункт **''Управление''**

{{ :prog:vkid:1.png?200 |}}

После нажатия открывается новая страница, на которой необходимо в левом меню выбрать пункт **''Подключение VK ID''**, затем кликнуть в правой части экрана по кнопке **''Перейти в сервис''**

{{ :prog:vkid:2.png?800 |}}

Откроется новая страница со списком созданных приложений

{{ :prog:vkid:4.png?400 |}}

==== 2. Создание нового приложения ====

На последней страницы из 1 раздела кликаем в верхней правой части по кнопке **''Добавить приложение''**

{{ :prog:vkid:3.png?800 |}}

Откроется страница, на которой необходимо:
  - Заполнить поле **''Введите название приложения''** значением **''СУПРО''**
  - Выбрать пункт **''Web''** в разделе **''Выберите нужные платформы''**

Затем кликаем на кнопку **''Далее''**

{{ :prog:vkid:5.png?800 |}}

На следующей странице необходимо заполнить поля:
  - **''Базовый домен''** значением **''супро.рф''**
  - **''Доверенный Redirect URL''** значением **''https://xn--n1abdck.xn--p1ai/auth/login/''**

Затем кликаем на кнопку **''Создать приложение''**

{{ :prog:vkid:6.png?800 |}}

Вылезет ''popup'' с необходимостью ввести код, для подтверждения действия

{{ :prog:vkid:7.png?300 |}}

После ввода правильного кода, откроется страница, на которой необходимо нажать на пункт **''Настроить позже''**

{{ :prog:vkid:8.png?800 |}}

Далее необходимо закрыть всплывающее окно в левом нижнем углу, нажав на кнопку **''Закрыть''** (данные настройки выполним позже) и нажать кнопку **''Подтвердить''** в всплывшем ''popup'', откроется новая страница, а на данной странице ''popup'' можно закрыть нажав на крестик

{{ :prog:vkid:9.png?800 |}}

==== 3. Подтверждение данных ====

На открывшейся странице, необходимо заполнить данные в разделе **''Обязательные данные''**, по желанию можно заполнить раздел **''Дополнительные данные''**

{{ :prog:vkid:10.png?800 |}}

==== 4. Настройка приложения ====

После закрытия ''popup'' из последнего действия 2 раздела, на экране будут представлены данные о приложении, часть этих данных необходима для настройки работы авторизации через VKID на сайте, а именно:

  - **''ID приложения''** имеет числовой формат
  - **''Состояние приложения''** должно быть установлено в значении **Приложение включено и видно всем**
  - В разделе **Ключи доступа** необходимо открыть значения полей **''Защищённый ключ''** и **''Сервисный ключ доступа''** путем нажатия на иконку с глазом они имеют буквенно-цифровой формат

{{ :prog:vkid:11.png?800 |}}

Далее, в левом меню нажимаем на пункт **''Авторизация''** и выставляем значения полей в разделе **''Данные для регистрации''** как указано на изображении

{{ :prog:vkid:12.png?800 |}}

Затем, в левом меню нажимаем на пункт **''Доступы''** и выставляем значение в разделе **''Базовые доступы''** как указано на изображении

{{ :prog:vkid:13.png?800 |}}

:!: **Значения необходимые для настройки приложения на сайте** ::!: 
  - **''ID приложения''**
  - **''Защищённый ключ''**
  - **''Сервисный ключ доступа''**