VK ID auth service logo

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

При настройке приложения заполните общие настройки и настройки для нужной вам платформы.

Общие настройки

На странице редактирования приложения вы увидите ID приложения (Client ID) и секретный ключ (Client Secret) — эти данные потребуется, если вы настраиваете OAuth-авторизацию по API. Подробнее смотрите в подразделе Как получить Access token. Здесь же вы можете изменить название проекта, обновить новое фото или добавить redirect_uri.
Пример экрана с редактированием приложения

Настройки для платформ

В разделе «Платформы» вы можете настроить OAuth-авторизацию для разных платформ: Установите галочки напротив нужных платформ, чтобы увидеть настройки для них.

Web

Чтобы добавить кнопку авторизации на ваш сайт, установите галочку «Web» и сконфигурируйте кнопку.

Как сконфигурировать кнопку

Конфигуратор показывает, как кнопка выглядит, и генерирует код кнопки, который можно просто скопировать и вставить на свой сайт. Чтобы сконфигурировать кнопку:
  1. Перейдите к редактированию приложения.
  2. Установите галочку «Web».
  3. Нажмите Конфигуратор кнопки.
В конфигураторе задайте параметры кнопки.
ПараметрОписание
КнопкаУстановите галочку, чтобы сконфигурировать стандартную кнопку
One Tap Sign InУстановите галочку, чтобы использовать технологию One Tap Sign In
ШиринаУкажите ширину кнопку
ВысотаУкажите высоту кнопки не менее 32 px
Войти какУстановите галочку, чтобы в начале кнопки добавлялось словосочетание «Войти как»
Включить фотоУстановите галочку, чтобы авторизованные в Mail.ru пользователи видели свое фото (аватар)
Пример задания параметров кнопки в конифгураторе
При конфигурировании и встраивании кнопки на сайт, ориентируйтесь на правила оформления кнопки. Внизу страницы автоматически генеруется код кнопки. Чтобы скопировать его, нажмите Скопировать код.

iOS

Чтобы добавить кнопку авторизации в iOS-приложение, установите галочку «iOS» и заполните форму.
ПолеОписание
OS Appid (Bundle id)Уникальный идентификатор приложения в App Store. Чтобы узнать его:
1. Перейдите в iTunes Connect → «My Apps».
2. Откройте нужное приложение.
3. Откройте вкладку «App Store».
4. В левом меню перейдите в раздел «App Information».
Идентификатор находится в поле Bundle ID области «General Information»
iOS AppStore URLСсылка на приложение в App Store
Пример заполнения формы для iOS

Android

Чтобы добавить кнопку авторизации в Android-приложение, установите галочку «Android» и заполните форму.
ПолеОписание
Android package nameУникальный идентификатор приложения в Google Play. Чтобы указать его, откройте страницу приложения в Google Play на компьютере и скопируйте значение после параметра id в адресной строке, например для приложения Android package name для приложения Почта Mail.ru — ru.mail.mailapp
Android Google Play URLСсылка на приложение в Google Play
SHA256 FingerprintsОтпечаток сертификата приложения. Как создать отпечаток, смотрите в инструкции Android
Пример заполнения формы для Android
После заполения данных приложения настройте OAuth Почты Mail.ru с помощью SDK iOS и Android.