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...*
Интеграция приложения с ВКонтакте¶
Схема взаимодействия пользователя с приложением:- Пользователь заходит в группу ВКонтакте
- Пользователь открывает приложение через виджет либо ссылку в боковом меню
- Для пользователя открывается iframe-приложение
- Пользователь может смотреть записи группы внутри приложения или вернуться на страницу группы
API Вконтакте и отображение различных окон поверх приложения - по необходимости.
Для подключения приложения нужно выполнить следующее:
- Зарегистрировать приложение
- Развернуть приложение на некоем сервере, чтобы оно было доступно по https. Пусть окно приложения для десктоп-версии будет доступно по адресу А, окно для мобильных устройств - по адресу В.
- Ввести в настройках приложения ВК ссылки А и В (для пользователей они будут отрываться в iframe)
- Подключить на страницах A и B Javascript SDK, Mobile SDK или другие SDK, чтобы приложение на страницах A и B могло взаимодействовать с ВК.
Виджеты в сообществах
Также являются iframe-приложениями. В настройках приложения ВК нужно указать ссылку, по которой будет находиться страница с js-кодом. Этот код должен вызвать метод VK.callMethod("showAppWidgetPreviewBox", type, code);
Передав json-код, описывающий внешний вид виджета.
Пример создания виджета
Краткая документация на официальном сайте
Примеры json-кодов виджетов: страница 1 страница 2
Можно также подключить готовые виджеты
Методы, связанные с интерфейсом приложения:
Javascript SDK
- onWindowResized - размер окна изменен
- onScroll - прокрутка
- VK.Widgets.Comments(...) - добавление виджетов на страницу
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
.