1.⠀VK Mini App

Для интеграции VK Mini App вам необходимо создать приложение через официальный портал для разработчиков платформу VK Developers.

Важно! Mini App необходимо размещать в сообществе, администратором которого вы являетесь, для этого вам необходимо создать сообщество (если у вас его нет).

Создание Mini App в VK:

  1. Зайти на сайт VK Developers → авторизоваться → Нажать “Создать” в блоке “Мини-приложения” (рис.1)
Рисунок 1. Старт создания мини-приложения
2.⠀Выбрать тип приложения: мини-приложение → ввести название → выбрать категорию → Нажать "Создать" (рис.2)
Рисунок 2. Создание мини-приложения
3.⠀⠀Закрепите приложение за сообществом и заполнить остальные необходимые данные (рис.3).
Рисунок 3. Выбор сообщества для мини-приложения

4.⠀Настроить приложение → в разделе "Размещение" укажите Frontend-URL сайта (рис. 4).

Рисунок 4. Раздел "Размещение"
5.⠀Подключение Mini App в VK в админ панели
1.⠀В поле ID группы необходимо указать ID вашего сообщества в VK, ID можно посмотреть в разделе “Управление”, в поле “Адрес”. Также если URL выглядит как vk.com, то XXXXXX и есть ID. Скопируйте ID и вставьте в поле “ID группы” (рис. 5).
Рисунок 5. Отображение ID сообщества
2.⠀В поле ID MiniApp необходимо указать ID вашего мини-приложения. Найти ID мини-приложения можно в настройках приложения (рис.6).
Рисунок 6. Отображение ID мини-приложения
3.⠀Защищенный ключ находится в настройках мини-приложения в блоке “Разработка” -> “Ключи доступа”, для просмотра и копирования ключа необходимо подтверждение, там же находится и сервисный ключ (рис.7).
Рисунок 7. Получение защитного и сервисного ключа
4.⠀Для получения ключа доступа сообщества перейдите в ваше сообщество, откройте “Управление” и выберете раздел “Работа с API”, в разделе необходимо нажать кнопку “Создать ключ” в модальном окне выберете необходимые права для нового ключа доступа.
После создания ключа он отобразится на экране. Обязательно скопируйте его и сохраните в надежном месте, так как в целях безопасности он может больше не отображаться в открытом виде (рис.8). Ключ доступа сообщества необходим для того чтобы пользователь получал сообщения от сообщества VK ресторана.

Рисунок 8. Создание ключа доступа сообщества
5.⠀После заполнения всех обязательных полей нажмите кнопку “Сохранить” (рис.9).
Рисунок 9. Сохранение настроек Vk MiniApp