Project

Profile

Help

HostedRedmine.com has moved to the Planio platform. All logins and passwords remained the same. All users will be able to login and use Redmine just as before. *Read more...*

Интеграция приложения с ВКонтакте

Схема взаимодействия пользователя с приложением:
  1. Пользователь заходит в группу ВКонтакте
  2. Пользователь открывает приложение через виджет либо ссылку в боковом меню
  3. Для пользователя открывается iframe-приложение
  4. Пользователь может смотреть записи группы внутри приложения или вернуться на страницу группы

API Вконтакте и отображение различных окон поверх приложения - по необходимости.


Для подключения приложения нужно выполнить следующее:

  1. Зарегистрировать приложение
  2. Развернуть приложение на некоем сервере, чтобы оно было доступно по https. Пусть окно приложения для десктоп-версии будет доступно по адресу А, окно для мобильных устройств - по адресу В.
  3. Ввести в настройках приложения ВК ссылки А и В (для пользователей они будут отрываться в iframe)
  4. Подключить на страницах A и B Javascript SDK, Mobile SDK или другие SDK, чтобы приложение на страницах A и B могло взаимодействовать с ВК.

Виджеты в сообществах

Также являются iframe-приложениями. В настройках приложения ВК нужно указать ссылку, по которой будет находиться страница с js-кодом. Этот код должен вызвать метод VK.callMethod("showAppWidgetPreviewBox", type, code);
Передав json-код, описывающий внешний вид виджета.

Пример создания виджета
Краткая документация на официальном сайте
Примеры json-кодов виджетов: страница 1 страница 2

Можно также подключить готовые виджеты

Методы, связанные с интерфейсом приложения:

Javascript SDK

Client API - только для iframe-приложений

  • showSettingsBox - окно настройки разрешений для приложения
  • showRequestBox - окно сообщений с другим пользователем
  • showInviteBox - окно приглашения друзей в приложение
  • showOrderBox - окно покупки товара
  • showSubscriptionBox - окно подписки в приложении
  • resizeWindow - изменение размера окна приложения
  • scrollWindow - скролл окна приложения
  • setTitle - установить заголовок вкладки браузера
  • setLocation - для поддержки кнопок назад/вперед в браузере
  • showInstallPushBox - отправка ссылки на мобильную версию ("открыть с телефона")
  • showAllowMessagesFromCommunityBox - окно разрешения сообщений от сообщества
  • checkUnitySupport, checkFlashSupport - поддержка unity и flash
  • showAppWidgetPreviewBox - чтобы приложение установило виждет в вашу группу

Mobile SDK - для iframe-приложений на мобильных устройствах

  • showInviteBox - окно приглашения друзей в приложение
  • showRequestBox - окно для отправки сообщения пользователю
  • showShareBox - окно "поделиться"
  • showSettingsBox - окно прав доступа
  • showOrderBox - окно покупки товара
  • showLeaderboardBox - окно турнирной таблицы
    больше методов Mobile SDK