на каком языке написано приложение вконтакте
Разработка приложений в VK mini apps
Почему надо смотреть в сторону разработки приложений для работы в VK? У меня за спиной много лет фронтенд-разработки для массовых сервисов, и то, что сейчас предлагает разработчику социальная сеть «ВКонтакте» — быстрый и эффективный способ построить еще один канал коммуникации с действительно большой аудиторией. Ниже расскажу, в чем идея VK mini apps, какие технологии использовать при разработке приложения и на что стоит обратить внимание.
Платформа VK mini apps
«ВКонтакте» предоставляет сторонним разработчикам возможность писать веб-приложения и размещать их в каталоге приложений и/или продвигать внутри сети. Пользователям приложений не нужно скачивать отдельные нативные приложения из Google Play/App Store, функционал выбранного приложения доступен внутри пользовательской сессии основного приложения во «ВКонтакте» или через браузер, на сайте соцсети. В социальной сети есть подробная инструкция о том, как начать работу на платформе VK mini apps.
Инфраструктура приложения VK mini app
Приложение VK mini app представляет собой обычный веб-ресурс, располагаемый по определенному адресу. Его мы должны разместить в «Панели управления приложением» социальной сети.
«ВКонтакте» позволяет разместить три версии приложения:
Ваш веб-ресурс встраивается в приложение «ВКонтакте» через обычное WebView, при открытии с десктопа — через iFrame. Поэтому необходимо держать в уме, что часть функционала JavaScript может быть недоступна, необходимо тщательное тестирование.
После тестирования веб-приложения на разных устройствах его можно отправлять на модерацию, чтобы оно могло быть размещено в каталоге. Заявка на модерацию отправляется из «Панели управления приложением». Объявленный «ВКонтакте» срок модерации — 7 дней. Выкладки новых приложений (сервисов по терминологии «ВКонтакте») происходят раз в неделю по четвергам.
Есть подробная памятка о том, как создать правильное приложение. Рекомендую внимательно свериться с ней, прежде чем отдавать приложение на модерацию.
Разработка приложения VK mini app
Итак, приложение VK Mini Apps — это, по сути, обычное веб-приложение, которое встраивается в платформу посредством iFrame или WebView. Поэтому выбор технологий, на котором оно будет написано, за вами.
Однако для разработки фронтенда «ВКонтакте» рекомендует собственную библиотеку готовых компонентов VK UI, выполненную на React:
Это удобно — многие типовые компоненты уже готовы, осталось только встроить их в структуру вашей страницы или SPA.
Компоненты уже стилизованы согласно styleguide «ВКонтакте» — пользователю будет привычнее и удобнее работать с теми элементами управления и интерактивом, к которым он уже привык, находясь внутри социальной сети.
«ВКонтакте» не требует от разработчика следования какой бы то ни было жесткой архитектуре построения фронтенда — мы берем только то, что нужно, и модифицируем компоненты так, как нужно. Например, вы всегда сможете добавить глупому view-компоненту свой класс, свой обработчик событий, сделать вложенные компоненты любой глубины и так далее.
Существует достаточно подробная (правда, не совсем полная) документация по VKUI. Исходный код на GitHub: https://github.com/VKCOM/VKUI. Соответственно, максимально простая установка:
Обязательно нужно поставить следующий метатег в head верстки страницы вашего приложения, иначе на устройствах с iOS будет неправильно отображаться нативная навигация «ВКонтакте»:
Далее нам нужно просто встроить React-приложение на страницу.
Параметры открытия приложения
«ВКонтакте» сам добавляет параметры запуска к адресной строке, по которой открывается ваше приложение. Их список следующий: vk_user_id, vk_app_id, vk_are_notifications_enabled, vk_language, vk_ref, vk_access_token_settings, vk_group_id, vk_viewer_group_role, vk_platform, vk_is_favorite, sign. То есть фрейм с вашим приложением откроется примерно с похожим адресом: youvkapp.ru/?vk_access_token_settings=notify&vk_app_id=888888&vk_are_notifications_enabled=1&vk_is_app_user=1&vk_is_favorite=1&vk_language=ru&vk_platform=desktop_web&vk_ref=other&vk_user_id=111111&sign=fsdfsdgfgfiuoitu8345u34j
Это позволяет уже при старте приложения иметь достаточно полный набор данных, извлеченных из url, чтобы начать персональное взаимодействие с конкретным пользователем. Например, говорить с ним на одном языке — русском, английском или каком-то другом, либо попросить о включении своих уведомлений.
Дополнительные параметры в этот список «ВКонтакте» на ноябрь 2019 года включать не планирует. Однако в url можно передать произвольный хэш, например: youvkapp.ru#custom_param
Роутинг
Если в приложении больше одного экрана (я думаю, это как раз ваш случай), нужен переход между экранами. За показ того или иного экрана отвечает state нашего React-приложения. Что касается организации View, то «ВКонтакте» предлагает два способа: смена активного компонента VKUI View и VKUI Panel.
Каждый View отвечает за свой пользовательский сценарий: основной, дополнительный, вызов справочников, страницы поиска и другие. Внутри View содержится свой набор Panel — это конкретные шаги (экраны) в пользовательском сценарии. Абстрактно это выглядит так:
В state в activePanel мы прописываем id того элемента, который нужно показать.
Верстка и компоненты
Теперь можно посмотреть типичную страницу внутри Panel, созданную с помощью компонентов VK UI.
Библиотека VK UI предоставляет практически полный набор компонентов, необходимых для построения интерактивного приложения: всевозможные элементы форм, попапы, стилизованные алерты, галереи, панели навигации, спиннеры, аватары, футеры и так далее.
Как видно, появился ещё один пакет vkontakte:
Можно воспользоваться удобным менеджером по подбору нужной иконки.
Основное правило — правильно использовать компонент либо собственную верстку шапки. В правой части шапки нативное приложение «ВКонтакте» размещает кнопки управления.
Стоит обратить внимание: «ВКонтакте» заявляет, что компоненты могут отображаться на десктопах не совсем адекватно. Однако их можно стилизовать, добавляя свои css-правила. Например, так была стилизована анимация переходов между панелями в одном приложении:
Эти стили подключаются в общем потоке стилей, подключаемых к вашему приложению.
Библиотека VK Connect
Библиотека VK Connect предоставляет доступ к широким возможностям как самой сети «ВКонтакте», так и к возможностям устройства, если мы работаем из-под мобильного приложения. Для ее подключения нужно установить пакет vkontakte/vk-connect: npm i —save-dev vkontakte/vk-connect.
Среди многочисленных возможностей VK Connect — сканирование QR-кода, получение геопозиции, вызов карточки контактов. Также есть широкие возможности по использованию возможностей соцсети: включение-выключение уведомлений, публикация записей на стене, авторизация сообщества, подписка на сообщения. Их нужно использовать с умом: например, существует ограничение на количество уведомлений — не более одного в сутки. Есть отдельные рекомендации по уведомлениям. Полный список возможностей представлен в документации.
Чтобы наше приложение вообще начало работу, нужно сначала выполнить инициализацию:
Все дальнейшее взаимодействие с библиотекой происходит похожим образом. Методом connect.send вызываем нужное действие и слушаем ответы. Для этого мы должны подписаться на события:
В объекте detail возвращается type — название типа события, ответ на которое мы ждем, и data — набор данных. В примере выше мы слушаем ответ на запрос connect.send(«VKWebAppGetUserInfo», <>), который должен вернуть данные о пользователе приложения: имя, пол, дату рождения, место проживания, ссылку на картинку аватара в соцсети.
«ВКонтакте» не гарантирует поддержку всех событий на всех устройствах (iOS, Android, Web), поэтому лучше делать проверку такой поддержки перед исполнением кода:
VK Connect также обеспечивает поддержку запросов к API VK, если нужно что-то большее, чем может предоставить сама библиотека VK Connect:
VK Pay
VK Pay — это, по сути, удобный фронтенд для использования онлайн-сервиса оплаты с помощью Деньги Mail.Ru. Для вызова платежной формы достаточно открыть платежное окно с помощью вызова в библиотеке VK Connect:
Таким образом, можно продавать ваши услуги и товары, используя внутреннее платежное средство в сети «ВКонтакте». Подробнее в официальной документации.
На каком языке написано приложение вконтакте
Как создать приложение в контакте
1. Установить среду для разработки приложений.
Можно использовать Adobe Flash или Flex Builder.
Я использую Adobe Flash CS4. Это последняя версия флеша, позволяет писать приложения с использованием Action Script 3.
Можно попробовать найти и скачать в интернете или купить в магазине диск.
2. Изучить ActionScript.
Некоторые до сих пор программируют на ActionScript 2, но я считаю, что пора переходить на ActionScript 3. Но возможно его изучение окажется сложнее.
Если вы не знакомы ни с одним языком программирования, то возможно вам будет очень сложно понять эту книгу. Вам может понадобиться немало времени чтобы понять принципы программирования и написать своё первое приложение.
Будьте готовы к тому, что вам придётся потратить не один день, чтобы понять, как писать приложения.
Но уже в процессе изучения языка ActionScript, вы сможете создавать простые приложения, не использующие ВКонтакте API. Если вы захотите, то сможете загрузить их на сайт вконтакте, но такие приложения не будут одобрены.
После того как вы изучите ActionScript, понять как использовать ВКонтакте API, будет уже не сложно, и вы сможете использовать ВКонтакте API в своих приложениях.
Если вы захотите создавать приложения использующие свой сервер, тогда вам придется изучить серверный язык программирования, например PHP.
Если вы начинающий во флеш программировании, то прочтите ещё и это topic47.html
Если в процессе изучения у вас будут возникать вопросы, то вы можете поискать на них ответы в интернете или спросить на этом форуме. Но прежде чем задавать свой вопрос на этом форуме, прочтите для чего этот форум topic1.html
Без знаний не получится сразу начать создавать хорошие приложения.
Как поменять язык ВКонтакте на компьютере и мобильном устройстве: простая инструкция
Изучая особенности и секретные функции ВКонтакте, я однажды экспериментировала и с текстом на странице. Очень забавные варианты нашла, например, написание слов в советском или дореволюционном стиле.
Но некоторым людям не до веселья, у них есть необходимость сменить интерфейс социальной сети. Это актуально, например, при переезде в другую страну, использовании VPN и зеркал, сбое в работе программы, покупке или перепрошивке телефона. Сегодня я расскажу, как поменять язык в ВК.
Если вы желаете вернуть начальные установки, хотите разнообразия или стремитесь освоить иностранный язык, воспользуйтесь этой простой инструкцией.
Общие настройки в профиле
Зайдите на свою страничку во ВКонтакте. В правом углу вверху нажмите на стрелочку рядом со своей уменьшенной фотографией. В выпавшем списке выберите «Настройки».
Во вкладке «Общие» почти в самом низу находится интересующий нас пункт, в нем отображается текущее состояние.
Чтобы перевести текст, нажмите «Изменить» и в выпавшем окне выберите нужный вариант. Мне ВК предлагает:
Если необходимое значение не обнаружено, откройте расширенный перечень, он «прячется» под надписью «Other languages».
Думаю, здесь вы найдете то, что нужно. Я для примера выберу английский и покажу, как выглядит теперь мой профиль.
Быстрый способ
Еще быстрее и проще можно отыскать необходимые установки, спустившись под меню в левой части окна. Там есть такие надписи серым цветом: «Блог», «Разработчикам», «Реклама», «Еще». Вот это последнее слово нам и нужно, наводим на него курсор и выбираем интересующий нас подраздел.
Появится такое же окно, как показано ниже. Изменение автоматически вступит в силу.
Если на вашей странице весь текст написан так, что вы ничего не понимаете, не волнуйтесь, делайте все точно так же и вы сможете поменять внешний вид социальной сети.
При входе в учетную запись
Если вы открываете стартовую страницу ВК, чтобы залогиниться, но вас встречают непонятные слова, спуститесь и смените установки. Если нужно, воспользуйтесь кнопкой в правом углу.
Выберите подходящее название.
На мобильном устройстве
Изменить язык в приложении VK нельзя, такая функция отсутствует и в устройствах на Андроиде, и в Айфонах. Поэтому придется сменить настройки в самом устройстве. Тогда они автоматически применятся к программе.
Второй способ для телефонов – перейти в мобильную версию сайта. Авторизуемся в системе и нажимаем на три полоски в левом верхнем углу экрана.
Заходим в настройки, которые находятся внизу. Дальше идем в раздел «Учетная запись».
Здесь находим нужный нам пункт.
Открываем список и выбираем подходящий нам вариант.
Заключение
Вот мы и разобрались, как сменить язык в ВК на компьютере и в телефоне. Сделать это легко, если понимаешь, что написано на странице. Но даже если вы видите совершенно незнакомые слова, просто следуйте инструкции и нажимайте на соответствующие пункты. Чтобы поменять текст в интерфейсе мобильного приложения VK, нужно изменить настройки телефона.
Удачи, друзья! Напишите в комментариях, помогла ли вам эта статья, получилось ли вернуть привычный вид профиля в ВК.
Сообщения ВК (ВКонтакте) 4+
Baulin Roman
Снимки экрана
Описание
Оставайтесь на связи со своими друзьями ВК с новым обновленным мессенджером для iOS 7.
◉ Групповые чаты
◉ Чат в режиме оффлайн (режим невидимки)
◉ Пуш-нотификации
А также:
• Онлайн статус собеседника
• Поддержка фото и полноэкранная галерея
• Текстовый поиск сообщений по содержанию
• Безопасная авторизация ВК через браузер Safari
Что нового
Приложение было обновлено компанией Apple, чтобы в нем отображался значок приложения Apple Watch.
Спасибо за отзывы! В этой версии:
• Онлайн статус собеседника
• Исправлены групповые чаты
• Настраиваемые пуш-нотификации
• Подсвечены непрочитанные входящие/исходящие сообщения
• Входящие не стирают набранные сообщения
Оценки и отзывы
Хрень
6s ios 12
Вылетает с Айфон 7+
Вылетает с Айфона 7+, даже не открывается
Конфиденциальность приложения
Разработчик Baulin Roman не сообщил Apple о своей политике конфиденциальности и используемых им способах обработки данных.
Нет сведений
Разработчик будет обязан предоставить сведения о конфиденциальности при отправке следующего обновления приложения.
Информация
русский, английский, вьетнамский, голландский, греческий, датский, индонезийский, испанский, итальянский, каталанский, корейский, немецкий, норвежский (букмол), норвежский нюнорск, польский, португальский, традиционный китайский, турецкий, украинский, упрощенный китайский, французский, чешский, шведский, японский
Как поменять язык ВКонтакте через настройки профиля, на странице или во время регистрации с компьютера или мобильного телефона
Всем привет! Продолжая цикл статей о социальной сети ВКонтакте, сегодня я расскажу вам о том, как поменять язык в ВК с компьютера, мобильного телефона или через приложение.
На какие языки переведен ВКонтакте
Думаю, все вы знаете о том, что данная соц. сеть является мультиязычной. Её используют как украинцы, белорусы и русские, так и американцы, немцы и французы. Поэтому, чтобы пользователям было удобно, разработчики перевели ВКонтакте на несколько десятков языков. Причем, в довесок к диалектическим можно выбрать, например, старый советский. Круто, верно? Ну а вот полный список:
Как поменять язык ВКонтакте на компьютере
ВКонтакте не привязан к геолокации, поэтому язык можно спокойно сменить находясь в любой стране. Хотите увидеть английскую или китайскую версию интерфейса? Да запросто. Достаточно только знать, где находятся нужные настройки.
Через настройки профиля
Для смены языка через настройки, необходимо:
По умолчанию открываются языки славянской группы и английский.
На странице
На ПК, помимо изменения через настройки существует еще один способ. Для этого необходимо найти кнопку «Еще», которая находится слева, под основным меню и напротив раздела, в котором отображаются друзья:
Перед нами появится уже знакомое окно со списком языков. Меняем, к примеру, на английский или украинский и применяем изменения. Готово!
Во время регистрации или авторизации
Как сменить язык, если страницы в социальной сети еще нет, а зарегистрироваться нужно, но вы в другой стране и ничего не понятно? Всё в иероглифах или вы просто не знаете английский? Ну, или вы решили залогиниться и написать другу с ПК в гостинице, но там тоже все на буржуйском?
На самом деле тут все просто:
Кстати, если вы еще не знаете, как создать аккаунт, то можете ознакомиться с моей статьей «Как зарегистрироваться в ВК». Там описаны все нюансы и подробности создания профиля.
Изменение языка на мобильном телефоне
На мобильном у вас есть два пути:
А сейчас я расскажу про оба метода.
Как сменить локализацию в мобильном приложении
После недавнего обновления дизайна разработчики убрали возможность изменять язык страницы ВКонтакте через настройки в мобильном приложении. Теперь, для того чтобы поменять язык в приложении, придется сменить язык на телефоне в настройках:
После этого приложение помянет язык на тот, который был указан в настройках системы. Минус такого метода в том, что все данные на смартфоне будут на указанном языке. Впрочем, если вы решились на такой шаг, как смена локализации соц сети, то, думаю, у вас были на то причины. Ну, или вам просто захотелось выпендриться.
Изменяем локализацию в мобильном браузере
Итак, второй методы — это зайти через мобильный браузер и сменить язык там. Делается это достаточно просто:
Заключение
Теперь и вы знаете, как и где можно поменять язык в ВК с ПК или через мобильное приложение на смартфоне. Это не так уж сложно, как может показаться новому пользователю. Ограничений на смену нет, поэтому можно баловаться столько, сколько захочется. У меня же на этом все. Очень надеюсь, что информация была вам полезна. Подписывайтесь, рассказывайте об этой статье друзьям и до встречи в следующих постах! Пока-пока!