Как создать свой вконтакте для андроид

Как создать свой вконтакте для андроид

Приступить к созданию приложения ВКонтакте можно на странице https://vk.com/editapp?act=create.

После создания приложения необходимо загрузить скриншоты, заполнить описание и указать жанр приложения.

Жанр	Описание
Головоломки	Игроку требуется решить задачу с помощью логики и интуиции.
Приключения	Сюжет крутится вокруг главного героя, исследующего мир и решающего загадки.
Стратегии	Требуется стратегическое и обдуманное управление войсками и инфраструктурой для победы над противником.
Ролевые	Игрок развивает способности и умения персонажа, исследует мир и взаимодействует с ним.
3D-шутеры	Игры от первого лица, основным элементом которых являются боевые действия, единолично или в команде.
Гонки	Симулятор процесса гонок и управления автомобилем.
Аркады	Простое управление и короткие, постепенно усложняющиеся уровни.
Экономические	Вдумчивое управление экономикой для успешного развития предприятия и выгодной продажи товаров.
Симуляторы	Имитация настоящей или вымышленной реальности, нет конфронтации между игроками.
Настольные	Игры, прототипами которых являются игры из повседневной жизни: монополия, нарды, шахматы и т.д.

Для вызова методов API потребуются значения полей «ID приложения» (в документации ему соответствует параметр API_ID, app_id или client_id) и «Защищённый ключ» (secret_key, app_secret).

Ранее для интеграции игр на десктопной версии сайта использовалась библиотека Javascript SDK.
Мы не рекомендуем интегрировать Javascript SDK в новых играх — библиотека VK Bridge позволяет играм интегрироваться одновременно с платформой на десктопной версии сайта и Direct Games.

Игре могут потребоваться разрешения на доступ к данным пользователя. Например, чтобы получить список друзей пользователя или отправлять уведомления. Разрешения можно запросить при первом запуске или в процессе игры. По умолчанию и игры на веб-платформе и игры на платформе Direct Games получают разрешение в процессе игры.

Чтобы проверить, какие права есть у игры, используйте событие VKWebAppCheckAllowedScopes.

Чтобы показать пользователю диалоговое окно с запросом доступа, используйте событие VKWebAppGetAuthToken.

В стандартном формате игра открывается в небольшом IFrame, слева остаётся боковое меню. Как включить
1. Откройте Мои приложения → Редактировать.
2. В разделе Настройки → Web укажите адрес IFrame и его размер.
3. Нажмите Сохранить изменения.

В этом формате игра может использовать всю область экрана пользователя.
Важно! Включить широкий формат для пользователей можно только после публикации игры в каталоге.

Вы можете выбрать тип широкого формата:

• Подстраивается под размеры окна — содержимое игры будет менять размер в соответствии с размером экрана пользователя. Подготовить фрейм к изменению размера необходимо на стороне игры. Если такой возможности нет, закрепите фрейм на фоновом изображении, которое будет подстраиваться под экраны игроков.

• Фиксированный IFrame с фоном — мы подготовим подстраиваемый фон, используя выбранную вами картинку, а сама игра останется в фиксированном фрейме.

Важно! Загруженная вами картинка будет многократно выведена на всей плоскости экрана, а не растянута, поэтому лучше загружать картинку с повторяющимся узором или бесшовной текстурой.
Как включить
1. Откройте Мои приложения → Редактировать.
2. В разделе Настройки → Web включите широкоформатный режим.
3. Выберите подходящий тип широкоформатного режима и укажите адрес широкоформатной версии. 4. Нажмите Сохранить изменения.
5. Если вы выбрали «Фиксированный IFrame с фоном», то загрузите картинку в раздел Информация → Обложки и скриншоты → Фон для широкоформатного режима.

Источник

Как сделать приложение «ВКонтакте» самому: бесплатный конструктор

Глядя на то, какой популярностью пользуются приложения в социальной сети «ВКонтакте» многие тоже желают повторить их успех и начинают искать пути реализации своих желаний. Но то, что можно увидеть с первого взгляда – всего только верхушка айсберга. И в данной статье вы сможете познакомиться со всем, что скрыто от вас, но, тем не менее, является важным для дальнейшей успешной деятельности. Итак, как сделать приложение «ВКонтакте» самому? Что для этого необходимо? И какие есть варианты?

Приложения «ВКонтакте»

Возможные типы

1. Flash-приложения. Сюда относят конечный продукт, который имеет расширение .swf. Он разрабатывается в среде Adobe Flash, потом проводиться его компиляция в готовую программу, и только после этого она загружается на сервер. Для написания программы необходимо знать язык ActionScript 3.0.
2. Iframe-приложения. Данные программы могут разрабатываться с помощью различных технологий, которые поддерживаются современными браузерами. В момент использования перед пользователями будет создаваться окно, через которое можно будет передавать всю необходимую информацию. Передаются и принимаются данные в таких случаях с помощью языка программирования JavaScript.

Можно ли воспользоваться конструктором?

1. С помощью конструктора.
2. Своими силами.
3. Создать и возглавить группу разработчиков.
4. Заказать платное создание.

Используем конструктор

Следует понимать, что наиболее оптимальный вариант в данном случае – создать приложение «ВКонтакте» для «Андроид». В таких случаях вам смогут помочь различные онлайн-конструкторы. Но имейте в виду, что они не работают как обычное приложение «ВКонтакте» для «Андроид», а требуют установления через PlayMarket, и возможен их запуск путем взаимодействия в самой сети. Часть из них предлагают бесплатный режим, но для получения полноценного функционала вам придётся хорошо заплатить. Но если вы всё же думаете про приложение, где можно сделать его, вот вам небольшая наводка:

3. Mobile Roadie.

Любой вышеуказанный сервис позиционирует себя как бесплатный конструктор, но для полномасштабной работы в большинстве случаев будет очень полезной платная подписка.

Создание программы своими силами

Детально изучите документацию, которая предоставляется администрацией «ВКонтакте» специально для разработчиков. Там же вы сможете ознакомиться и с интерфейсом прикладного программирования, с помощью которого будет настроено сообщение между приложением и социальной сетью. Затем необходимо будет создать само приложение и отправить его на проверку должностным лицам «ВКонтакте». Они оценят функциональность и дизайн программы и решат, стоит ли заносить его в специальный каталог и давать доступ к оплате внутренней валютой. Поэтому обоим этим составляющим следует уделить должное внимание.

Что необходимо знать

В чем необходимо разбираться, прежде чем приступать к работе? В первую очередь необходимо понимать языки программирования и уметь писать на них программы. Сделать приложения без этих знаний не получится. Вот основные языки программирования, которые используются при создании своего ПО:

1. ActionScript. Самый популярный язык, на котором пишется основная масса программ.
2. Движки 3D. Как правило, используются для написания приложений, в которых много активных действий от 1-го лица.
3. PHP. Язык, с помощью которого осуществляется передача данных между приложением и базой данных.
4. MySQL. Язык, с помощью которого данные будут заноситься в БД.
5. HTML. Может быть использован для написания простейших приложений.
6. Java. Может применяться для создания режимов игры, когда одновременно действует много разных пользователей.
7. JavaScript. Язык, предназначенный для передачи данных.
8. JSON. Полезен для дешифровки полученных данных, если вы остановитесь на ActionScript в качестве языка написания программы.

Как уже писалось, потребуется вам выучить 4-5 из них + интерфейс прикладного программирования. Но на это уйдёт немало времени. Приложение «ВКонтакте» для компьютера будет быстрее разработано, если найти себе единомышленников.

Обучение

Исходные документы

Большой потенциал использования предлагают исходные документы разных программ. Они могут вам предоставить не только реализацию каких-то моментов в виде кода, но и графическую составляющую. Поэтому запаситесь парой декомпиляторов, скачайте несколько готовых программ, которые имеют то, что нужно – и дело за малым. Возможно, кто-то выложит исходники своих приложений – это хорошо, потому как код может быть неправильно дешифрован, и не нужно будет тратить время на понимание того, что и как работает. Не ищите специальное приложение для скачивания «ВКонтакте». Всё нужное придётся вынимать вручную.

Источник

Как создать свой вконтакте для андроид

VK Mini Apps — это платформа встраиваемых кроссплатформенных приложений ВКонтакте. Они создаются на базе стандартных веб-технологий: HTML, JavaScript, CSS.

В этом разделе вы найдёте инструкции для разработчиков мини-приложений.

В разделе Развивайте бизнес с мини‑приложениями ВКонтакте вы можете:

• узнать больше о бизнес-кейсах,
• найти разработчика, который создаст мини-приложение для вас.

Как создать мини-приложение на платформе VK Mini Apps, в двух видеоуроках.

Часть 1. Первые шаги	Часть 2. Лайвкодинг

Набор для создания приложения на платформе VK Mini Apps включает следующие npm-библиотеки:

• https://www.npmjs.com/package/@vkontakte/vk-bridge — VK Bridge для взаимодействия с официальным приложением ВКонтакте;
• https://www.npmjs.com/package/@vkontakte/vkui — VKUI, компоненты интерфейса;
• https://www.npmjs.com/package/@vkontakte/icons — VK Icons, SVG-иконки на все случаи жизни.

Важно! Библиотеку VK Bridge необходимо использовать при разработке любого приложения. Остальные библиотеки — не обязательно.

В первую очередь стоит изучить следующие разделы.

• Библиотека для создания шаблонного мини-приложения.
• Справочник «События VK Bridge».
• Если вы ещё не работали с React, рекомендуем прочитать официальное руководство.
• Если вы уже начали разработку, ознакомьтесь со списком рекомендаций для тех мини-приложений, которые мы размещаем в каталогах.

Создайте приложение на этой странице: https://vk.com/apps?act=manage.

Выберите «Встраиваемое приложение», тип: «VK Mini App», укажите название и подтвердите действие. Вы попадёте в интерфейс администрирования Вашего приложения.
Перейдите на вкладку «Настройки» и заполните поля «Мобильная версия»/«Полная версия», указав ссылку на адрес приложения — URL страницы на вашем сайте, которая будет отображаться в браузере в официальных мобильных клиентах и внутри фрейма в веб-версии ВКонтакте.
В конце URL укажите слэш, если ссылаетесь на папку, иначе мини-приложение может открыться в браузере вместо мобильного приложения.

Если какую-то из версий, полную или мобильную, вы не планируете реализовывать — оставьте соответствующее поле пустым.

Библиотека для создания шаблона мини-приложения полезна для учебных целей:

• https://www.npmjs.com/package/@vkontakte/create-vk-mini-app.

Мы рекомендуем именно этот способ для начала работы с VK Mini Apps.

Чтобы создать шаблон приложения, выполните команду:

С помощью VKUI вы можете создать привлекательный интерфейс мини-приложения для мобильных устройств.
Для использования в полной версии элементы пока не адаптированы.

Если вы используете библиотеку для создания шаблона, отдельно подключать VKUI не нужно.

Для подключения вручную:

• Создайте новое приложение:

npm install @vkontakte/vkui || yarn add @vkontakte/vkui

Обратите внимание, вашему приложению доступна почти вся площадь экрана. Для корректной работы навигации необходимо:

• использовать компонент PanelHeader на каждом экране приложения. Он должен содержать название приложения и иконку «Назад» на тех экранах, где она требуется.
• не занимать правый верхний угол PanelHeader — это место зарезервировано для нативного бара с кнопками «Меню» и «Закрыть», который отображается всегда.
• использовать стилизованную под платформу иконку «Назад». Для этого используйте компонент

На устройствах с Android нажатие кнопки «Назад» вызывает в вебвью событие history.back (см. документацию). По нажатию этой кнопки официальное приложение сделает возврат на предыдущую страницу вашего приложения или закроет его, если вернуться невозможно. Поэтому для корректной навигации необходимо обрабатывать нажатие аппаратной клавиши в мини-приложении и реализовывать роутинг, например, при помощи библиотеки react-router.

Чтобы мини-приложение могло использовать API ВКонтакте и API устройства пользователя, необходимо подключить библиотеку VK Bridge, которая служит для отправки и получения событий.

В справочнике VK Bridge есть список всех событий, которые можно использовать. Обратите внимание на то, что в коде приложения обязательно нужно вызывать событие инициализации VKWebAppInit, иначе приложение не запустится.

Если ранее вы не работали с API ВКонтакте, рекомендуем прочитать это руководство.
Если ранее вы не работали с React, рекомендуем прочитать это руководство.

vk-bridge — это NPM-пакет для отправки и получения событий в вашем
приложении.

Если вы используете библиотеку для создания шаблона, отдельно подключать VK Bridge не нужно.

Для подключения вручную используйте эту инструкцию.

• Установите пакет:

npm install @vkontakte/vk-bridge || yarn add @vkontakte/vk-bridge

Источник