Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

Что вас ждет после публикации приложения

Так как приложение планировалось изначально без рейтинга, оно было полностью сделано на JavaScript, на клиентской стороне, т.е весь код доступен каждому и каждый «знающий» мог отправить свое число в место заработанного результата.

Основные фильтры на «важных» участках были выставлены. Но контроль входящего результата был слабый и мог прийти настоящий результат, а мог прийти и такой «999999». Причем приходил такой результат от школьников, которые пользовались программами для взлома типа «Charles», как мне радостно они сообщали в личку, со своих реальных аккаунтов и с реальных ip-адресов.

Написал метод который дублировал результат. В одном параметре передавался реальный, в другом шифрованный результат, методом замены символа по ключу. А далее, на сервере оба сравниваются и если что-то не соответствует, то – бан по аккаунту.

И еще, сервер отправляет сгенрированный ключ при первом обращении. Клиент же, должен его вернуть с результатом. Без этого ключа, результат не примется и если все соответствует, и все проходит проверку, то результат записывается в БД, и генерируется новый ключ, который опять отдается клиенту. Это сделано для того, чтобы повторно запрос с результатом не могли отправить, как делается в программе «Charles».

Тут, школьники уже отсеялись. В личку стали писать студенты, которые знают JavaScript.

После внедрения дополнительных проверок, вроде бы уже никто не пишет. Так как всего одна попытка и в случае чего бан аккаунта ВК.

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

Еще будут писать кидалы предлагающие купить у вас приложение от 3000руб и до 3000$, которых если погуглить, то можно будет наткнутся на не совсем лестные отзывы, о них.

Школьники, с разными деловыми предложениями, стать админом группы, или админом приложения. Будут еще спрашивать: «в какой программе ты создал эту игру».

Советчики, которые знают как лучше развивать ваше приложение.Тролли, куда же без них.

Библиотека vk connect

предоставляет доступ к широким возможностям как самой сети «ВКонтакте», так и к возможностям устройства, если мы работаем из-под мобильного приложения. Для ее подключения нужно установить пакет

/vk-connect:

npm i —save-dev vkontakte/vk-connect

Среди многочисленных возможностей VK Connect — сканирование QR-кода, получение геопозиции, вызов карточки контактов. Также есть широкие возможности по использованию возможностей соцсети: включение-выключение уведомлений, публикация записей на стене, авторизация сообщества, подписка на сообщения.

Чтобы наше приложение вообще начало работу, нужно сначала выполнить инициализацию:

import connect from ‘@vkontakte/vk-connect’;
connect.send(«VKWebAppInit», {});

Все дальнейшее взаимодействие с библиотекой происходит похожим образом. Методом connect.send вызываем нужное действие и слушаем ответы. Для этого мы должны подписаться на события:

Выбор языка программирования и определение с идеей

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

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

Если механика игры будет проста, но оригинальна, наверняка найдутся поклонники. Кроме того, старайтесь использовать уже известный геймплей, если вы решили создать игру. Реализуйте проект так, чтобы пользователи хотели в него играть. Самые востребованные игры по жанрам являются:

  • Известные с детства игры, например, лото, крестики-нолики или «Найди отличия».
  • Карточные игры и пасьянсы, в том числе современные и покер.
  • Казуальные аркады, вроде тетриса или «три в ряд».

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

Где находятся удаленные подписчики

Все заблокированные вами пользователи находятся в одном месте, в вашем черном списке. Открыть его очень просто.

Шаг 1. Перейдите в настройки своей страницы.

Как ВКонтакте удалить подписчиков
Переходим в настройки страницы

Шаг 2. На странице настроек откройте раздел под названием «Черный список»

Как ВКонтакте удалить подписчиков
Открываем «Черный список»

Теперь на вашем экране появятся все люди, которых вы когда-либо блокировали. Здесь же вы можете восстановить их, снять блокировку.

Как ВКонтакте удалить подписчиков
Заблокированные пользователи

Примечание! Если вы сразу же восстановите человека, вернув его из черного списка, он автоматически вернется и в список ваших подписчиков. Нужно подождать как минимум 10 минут, тогда он не вернется на прежнее место и ваши связи с этим человеком сотрутся.

Как ВКонтакте удалить подписчиков
Если сразу восстановите человека, вернув его из черного списка, он автоматически вернется и в список ваших подписчиков

Для чего нужно скрывать участников группы

Услуга корректировки отображения контактов – полезное нововведение. Функция необходима для:

  • противодействия рассылки спама по подписчикам паблика и приглашений в группу конкурента;
  • поддержания анонимности пользователей (особенно это касается участников сообществ медицинской, секретной, 18 тематик);
  • предотвращения переманивания людей.

Для привлечения клиентов администраторы коммерческих и тематических групп делают так:

  • заходят на публичную страницу;
  • находят привлекательные аккаунты с высокой активностью;
  • отправляют людям заявки на вступление в свой паблик.
Скрывать участников группы
Скрывать участников группы нужно для поддержания анонимности.

При активации услуги сокрытия подписчиков выполнить подобные манипуляции у оппонентов не получится.

Есть еще положительные моменты:

  1. Парсеры неспособны осуществлять сбор информации по невидимой аудитории, отправлять спам и накручивать рекламу.
  2. Таргетинг по-прежнему можно устанавливать в рекламном кабинете.

Личный опыт показывает, что новая настройка снижает виральный охват и трафик. После подключения функции данные о сообществе исчезают из блока «Интересные страницы» в персональном профиле. Гости не видят мой паблик и не вступают в него.

Змейка изнутри

Напомню, что речь идет о «змейке», далее ее код будет разбираться. Если вы решили сами написать змейку, то можете пропустить этот пункт, а то получится как в известной фразе: «убийца – дворецкий».

В код мало кто полезет, по этому опишу сначала словами алгоритм, а потом уже и код посмотрите.

Сперва генерируется поле из простых div’ов. Координаты указаны в качестве идентификатора div’а, которые позволяют обратится к любой клетке. Далее создаем змейку на этом поле, путем выделения клеток, цветом и заносим координаты тела змейки, в многомерный массив.

Потом создается бонус(еда для змейки). Опять сохраняем в массив координаты бонуса.

После того когда бонус съеден, мы собираем пустые клетки в массив (без клеток на которых находится сама змейка) и из них, выбираем случайным образом другую клетку, и уже ее делаем бонусом. Если пустых клеток не обнаружено то пользователь – победитель.

При движении, в массиве, мы меняем только две клетки, заднюю – удаляем, а переднюю (незанятую змейкой), по направлению движения – красим в цвет змейки. И при каждом ходе проверяем, не столкнулись ли мы с хвостом, или с бонусом.

А для того чтобы проходить через стены, мы проверяем, если следующий клетки не существует впереди, то в массив-координат змейки, пишем – 0 (первая позиция, начало строки), либо последнюю. В зависимости от направления движения.

Пример:X=100. Y=200.Змейка движется сторону X , с нулевой позиции. 0,1,2,3..99, [если клетки нет и направление не меняется, то пишем в массив 0 по x]. А с Y, тоже самое.

Теперь разберем небольшую модификацию.

В этой модификации я сделал бонус убегающим от змейки. Через какое-то время бонус меняет направление и если сталкивается с хвостом змейки, а не головой, то поедает ее. И будет кушать до тех пор, пока от змейки ничего не останется, но она может спастись, если свернет с направления бонуса.

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

Еще столкнулся с проблемой, что при движении навстречу друг к другу, бонуса и змейки, не происходит съедение первого. Из-за того что они независимо друг от друга движутся. Когда происходит проверка, бонус уже переместился на другую клетку.

Проблему решил. Вынес в отдельный метод, код проверки столкновения. Далее вставил этот метод к бонусу и к змейке.

Читайте также  Поиск по фото в ВК: через программы, на сайте ВК, особенности

И еще чуть-чуть интересного: не для бизнеса, но тоже полезно

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

  • Пожертвования

    Конечно, это главным образом сделано для благотворительных организаций и проектов. У ВК достаточно надежная финансовая система, чтобы обеспечить безопасный сбор денег.

    Иногда приложениями для пожертвований пользуются некоммерческие проекты, собирающие средства на различные нужны. Это называется донатами. Например, всё тот же мой любимый «ангельский» паблик просит подписчиков по желанию донатить на кофе админам и на билеты на концерт Дженнифер Лопес. :)) Вот как это реализовано в сообществе:

    пример работы приложения для пожертвований

    Приложений для сбора денег несколько, выбирайте любое, какое вам больше нравится:

    приложения для сбора пожертвований

  • Чат

    Приложение для сообществ, где идет очень активное общение пользователей, и они даже сбиваются в группки по интересам.

    А еще в чатик можно добавлять, например, VIP-клиентов, и раньше всех сообщать им о скидках, новинках и акциях.

  • Тесты

    Небольшое развлечение для аудитории. Тесты очень любят и положительно на них реагируют. Мы вот частенько запускам подобные активности и по себе знаем, что аудитория не прочь узнать, в каком состоянии их бизнес, разбирается ли она в маркетинге и знает ли Инстаграм. :))

  • Вакансии

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

  • Афиша

    Ну и завершаю свою мини-подборку «не совсем для бизнеса» приложением, с помощью которого вы можете анонсировать события, планирующиеся в вашей организации. Это подходит как для движа внутри компании (корпоративы, выезды, обучения и др.), так и для взаимодействия с клиентами, если ваша работа заключается как раз в организации разных крутых событий.

    Вот приложение:

    А вот пример его использования в официальном сообществе группы Би-2:

    Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

Как добавить кнопку «подписаться» вконтакте?

kak-mozhno-sdelat-knopku-podpisatsya-v-vk

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

Сделать это вовсе несложно. Зайдите в раздел меню «Мои настройки», затем выберите вкладку «Приватность».

Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

На этой странице находим подраздел «Связь со мной» и в пункте «О каких заявках в друзья приходят оповещения» выставляем «От друзей друзей», как показано на скриншоте.

Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

Для того, что бы удостовериться, что кнопка была заменена, на той же самой вкладке находим ссылку «Вы можете посмотреть, как видят Вашу страницу другие пользователи», которая находится в самой нижней части страницы.

Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

Нажимаем на ссылку и видим, что указанный способ работает.

Кнопка подписаться вконтакте для группы. Виджеты в ВК для группы

Теперь вы не будете получать уведомления о том, что кто-то на вас подписался — этот пользователь сразу будет отправлен в подписчики. Таким способом вы избавите себя от пользователей, которые хотят добавит вас в друзья, чем постоянно надоедают.

Как накрутить друзей в вк (подписчиков)

Второй способ более удобный и продвинутый. Существуют специальные сервисы с помощью которых можно накрутить друзей в ВК

иподписчиков.

Но в 2021 году начали блокировать пользователей, которые пользуются некачественными, бесплатными сервисами (за подозрительную активность).

Поэтому мы рассмотрим лучший сервис для рекламы Вконтакте, который продвинет Вашу страницу качественно и быстро

Настоящие люди (никаких фейков и ботов);

https://www.youtube.com/watch?v=E7aaZwcax5M

От 75 копеек за 1 активного подписчика (друга);

Настройка таргетинга: город, возраст, пол, кол-во друзей;

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

Накрутка Вконтакте на данном сервисе самая качественная , так что не беспокойтесь ни о чём: все новые пользователи, возможно даже, будут проявлять активность на Вашей странице (ставить лайки/делать репосты/комментировать записи и т.д.).

Вот и всё. Как видите, совсем нетрудно накрутить друзей в ВК или подписчиков

. Следуйте этой инструкции и у Вас всё получится!

Как удалить подписчиков в ВК

Изменения в системе друзей в популярной социальной сети Vkontakte вызвали много негативных откликов со стороны пользователей: теперь если вы отклонили запрос человека о добавлении в друзья, он остается у вас в подписчиках. Более того, незнакомые люди могут просто подписаться на ваши обновления, не добавляя вас в друзья. Как удалить подписчиков В контакте?

Когда вы подписываетесь на человека, его общедоступные обновления появляются в вашей ленте новостей. Точно так же ваши общедоступные обновления появляются в ленте новостей тех, кто подписан на вас. В отличие от добавления в друзья, подписка — процесс не обоюдный: человеку не нужно ваше согласие, чтобы подписаться на ваши обновления.

Многих такое положение дел раздражает: не всем приятно, когда на их новости подписаны незнакомые люди или те, с кем пересекаться не хочется (бывший парень или девушка, новая пассия бывшего парня или девушки, коллеги и т.п.). Да и пытавшиеся добавить вас в друзья спамеры в списке подписчиков как-то не радуют. Можно ли как-то удалить из списка подписчиков в ВК (в Контакте) неугодных вам пользователей и как это сделать?

Как скрыть владельца группы вк

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

Покажу на примере:

  1. Открываю главную страницу своего паблика.
  2. Нахожу раздел «Контакты».
  3. В открывшемся окне выбираю руководителя проекта, в данном случае себя.
  4. Навожу мышкой на надпись «Удалить из списка».
  5. Нажимаю на появившийся крестик.

Чтобы в дальнейшем держать связь с пользователями, вместо личного фото оставляю электронную почту: нажимаю на пункт «Добавить контакты», прописываю email.

Как скрыть владельца группы ВК
Чтобы скрыть владельца группы, уберите отметку возле надписи «Отображать в контактах».

Мой профиль не будет виден участникам, при этом все полномочия останутся прежними.

Закрыть информацию об организаторе паблика можно другим способом:

  1. Войти в раздел «Управление сообществом».
  2. Открыть папку «Участники», найти вкладку «Руководители».
  3. Выбрать пользователя, щелкнуть по клавише «Редактировать».
  4. Назначить другую должность (модератор и т. д.).
  5. Убрать отметку возле надписи «Отображать в контактах».
  6. Сохранить результат.

Сведения о руководителе исчезнут из информационного блока на странице группы.

Как скрыть подписчиков в группах и пабликах

Блокировать подписчиков в собственном сообществе ещё более удобно и важно для общего благосостояния группы. С течением времени или при неумелой рекламе в сообществе обязательно накопятся неактивные люди, нежелающие участвовать в жизни группы.

Даже если бы была возможность таких людей скрывать, дабы те не отображались и не портили статистику, лучше неактивных личностей просто исключать из сообщества. При такой практике есть два исхода для нежелательных подписчиков: исключение и блокировка.
5555 2

При исключении людей можно просто лишить подписки, но не заблокировать. Кнопка «удалить из сообщества» показывается администраторам, редакторам и модераторам сообщества справа от каждого пользователя в списке участников сообщества. К списку можно получить доступ, выбрав раздел «участники» во вкладке «управление» в меню сообщества справа.

В списке можно искать имена с помощью строки поиска сверху. Рядом с именами также помещаются аватарки пользователей, потому легко распознать заблокированных администрацией людей.
44444
5 10

Блокировка же подразумевает лишь занесение человека в чёрный список сообщества. Его можно увидеть в той же вкладке «управление», из чёрного списка людей можно вытащить, разблокировав их.

В разделе «чёрный список» также есть большая синяя кнопка «добавить в чёрный список». Там отображаются все подписчики, их можно искать поименно и заносить в ЧС.

Как создать приложение вконтакте

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

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

В первую очередь, стоит заметить, что при создании дополнения вам придется тщательно изучить документацию по API ВКонтакте в разделе VK Developers на сайте этой социальной сети. При этом, в процесс разработки вы также будете вынуждены время от времени переключаться на документацию, чтобы получить инструкцию по использованию тех или иных запросов.

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

  1. Standalone-приложение является универсальной платформой для дополнения. Благодаря использованию этого типа приложений вам будут доступны все существующие типы запросов к API ВКонтакте. Чаще всего Standalone-приложение используют при необходимости отправки запросов к API VK из программ, работающих под различными операционными системами.
  2. Платформа с типом веб-сайт позволяет обращаться к API ВКонтакте с любого стороннего ресурса.
  3. Встраиваемое приложение предназначено для создания дополнений исключительно на сайте VK.com.
Читайте также  ✅ При загрузке видеозаписи произошла ошибка -

Важно понимать какой тип подходит под вашу задумку, так как после создания изменить разновидность приложения невозможно. Будьте внимательны!

Кроме прочего, стоит отметить, что «Встраиваемое приложение» имеет три подтипа:

  • игра — используется при создании дополнений игровой направленности с возможностью предварительного выбора жанровой принадлежности и поддержкой соответствующих API запросов;
  • приложение — применяется при разработке информативных дополнений, например, магазина или новостного приложения;
  • приложение сообществ — используется исключительно при разработке дополнений для пабликов и может быть использовано для разрешения доступа к сообществу.

Непосредственно сам процесс создания неспособен вызвать трудностей.

  1. Откройте сайт ВК и перейдите на главную страницу VK Developers.
  2. Переход на главную страницу VK Developers на сайте ВКонтакте

  3. Здесь переключитесь на вкладку «Документация» в верхней части страницы.
  4. Переход на вкладку документация в разделе VK Developers на сайте ВКонтакте

  5. В соответствии с вашими интересами, внимательно изучите весь материал и не забывайте в процессе работы над приложением обращаться к этому разделу ВК в случае возникновения побочных вопросов.
  6. Список возможностей в разделе документация VK Developers на сайте ВКонтакте

  7. Чтобы приступить к созданию дополнения, необходимо переключится на вкладку «Мои приложения».
  8. Переход на вкладку мои приложения в разделе VK Developers на сайте ВКонтакте

  9. Нажмите кнопку «Создать приложение» в правом верхнем углу страницы или кликните по идентичной надписи в самом центре открытого окна.
  10. Начало создания приложения в разделе мои приложения VK Developers на сайте ВКонтакте

  11. Назначьте имя вашему приложению с помощью поля «Название».
  12. Ввод названия для создаваемого приложения в разделе мои приложения VK Developers на сайте ВКонтакте

  13. Установите выделение рядом с одним из типов платформы в одноименном блоке.
  14. Выбор платформы приложения в разделе мои приложения VK Developers на сайте ВКонтакте

  15. Нажмите кнопку «Подключить приложение», чтобы создать дополнение для выбранной платформы.
  16. Переход к подтверждению создания приложения в разделе мои приложения VK Developers на сайте ВКонтакте

    Текст, размещенный на кнопке, может отличаться в зависимости от выбранной платформы.

  17. Подтвердите свои действия с помощью отправки СМС-сообщения с кодом на привязанный к странице номер телефона.
  18. Отправка кода подтверждения на номер мобильного телефона при создании приложения в разделе мои приложения VK Developers на сайте ВКонтакте

На этом этапе процесс создания приложений ссылается на упомянутую ранее документацию и требует от вас определенных навыков программирования на различных языках, которые предусмотрены списком SDK заготовок.

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

Как удалить подписчика

ВКонтакте нет специальной функции, которая позволила бы просто удалить человека из списка подписчиков. Единственный выход — заблокировать человека. Тогда он уже точно не сможет с вами связаться.

Шаг 1. Откройте свой профиль ВКонтакте. На главной странице вы увидите число своих друзей, подписчиков и др.

Как ВКонтакте удалить подписчиков
Открываем свой профиль ВКонтакте

Шаг 2. Откройте список подписчиков.

Как ВКонтакте удалить подписчиков
Открываем список подписчиков

Шаг 3. Наведите курсор мыши на человека, которого вы хотите исключить из этого списка. Вы увидите крестик рядом с фотографией его профиля.

Как ВКонтакте удалить подписчиков
Крестик рядом с фотографией его профиля

Шаг 4. Нажмите на этот крестик. Подтвердите свои действия.

Как ВКонтакте удалить подписчиков
Подтверждаем свои действия

Шаг 5. Ну вот, теперь пользователь будет заблокирован, а число подписчиков соответственно уменьшится на 1. Он не сможет просматривать вашу страницу и тем более писать вам сообщения.

Как ВКонтакте удалить подписчиков
Пользователь заблокирован и число подписчиков уменьшилось на 1

Оформление картинки подписки в photoshop

После того, как потенциальный подписчик вашего сообщества кликнет по кнопке Подписаться в виджете приветствия, – должно появиться новое окно с дополнительной информацией. Это реализуется через wiki-страницу. А чтобы было красиво, сделаем форму в виде картинки.

В программе Photoshop через Файл – Создать задайте размеры для заготовки. Для меня оптимальным вариантом стала картинка размером 550х220 рх. Вы выставляете размеры только по собственному желанию. Остальные настройки по умолчанию. Смотрите скриншот:

Теперь прозрачный фон зальем белым цветом. В левом меню выставляем основной цвет белый и кликаем по инструменту «Заливка». Клик по фону делает его белым.

В моем примере слева я поставлю логотип группы, а справа добавлю небольшой текст и кнопку Подписаться.

Предполагаю, что логотип вашей группы у вас сохранен на компьютере: просто перетащите мышкой его в открытую программу Photoshop, а дальше на заготовку. Если необходимо увеличить или уменьшить картинку, сделайте это через функцию Редактирование – Трансформирование – Масштабирование. Важно, чтобы картинка не меняла свои пропорции: для этого сначала зажмите на клавиатуре клавишу Shift.

Когда добавите логотип, создайте новый слой и включите инструмент «Горизонтальный текст».

В верхней панели вам будут доступны настройки для текста: шрифт, величина шрифта. Вы можете поэкспериментировать, или ориентируйтесь на мой пример.

Теперь на заготовку осталось добавить кнопку Подписаться. Найти ее можно через Яндекс картинки в Интернете. Скопируйте правой кнопкой мыши и вставьте в программу с помощью сочетания клавиш Ctrl V. Величина кнопки редактируется так же через функцию Трансформирование. Результат:

Чтобы заинтриговать потенциального подписчика, завладеть его вниманием, вы можете придумать свой вариант картинки. С помощью Photoshop можно создавать подобные заготовки и круглые, и квадратные, с разным фоном и текстом, – все, что позволяет вам ваша фантазия.

Первые проблемы

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

На счету нужно иметь 10 голосов(местная валюта ВК, 10 голосов == 70 руб.), для того чтобы отправить приложение на модерацию, если все нормально и оно соответствует правилам, его добавляют в каталог новых приложений, а списанные голоса возвращают обратно.

После того как приложение успешно прошло модерацию, оно попадает на третью позицию в каталоге новых приложений и далее, спускается вниз, а вскоре совсем пропадает. Первые две позиции, в новых приложениях — вроде платные и стоят около 1000 голосов.

Существуют еще негласные правила о которых нигде не написано, их можно узнать только от проверяющего.Отправил игру на модерацию. Ждать ответа долго не пришлось:

И вот тут пришлось изучать их API, писать скрипт рейтинга, который взаимодействует с моей базой данных и дополнительный модуль на JS. Таким образом, мое тестовое приложение из одного файла эволюционировало в не совсем простое. Самим приложением занимался в свободное время. Когда сделал все что нужно было, отправил на повторную проверку, и лег спать.

Проснувшись утром увидел пришедшую смс’ку: «ваше приложение одобрено и добавлено в каталог… и еще чего-то там».

Сразу кинулся смотреть. Игру установили 57 человек, спустя минуту обновил страницу — 100 человек, 200, 300, 400. Просидел целый день нажимая F5. К вечеру, людей установивших приложение было около 2000. На следующий день – в два раза больше. Через пару дней азарт уже пропал и участников, воспринимал как простые цифры. Кстати, модератор вернул 10 голосов, спасибо ему больше.

Роутинг

Если в приложении больше одного экрана (я думаю, это как раз ваш случай), нужен переход между экранами. За показ того или иного экрана отвечает state нашего React-приложения. Что касается организации View, то «ВКонтакте» предлагает два способа: смена активного компонента VKUI View и VKUI Panel.

Каждый View отвечает за свой пользовательский сценарий: основной, дополнительный, вызов справочников, страницы поиска и другие. Внутри View содержится свой набор Panel — это конкретные шаги (экраны) в пользовательском сценарии. Абстрактно это выглядит так:

import {Root, View, Panel} from ‘@vkontakte/vkui’;
<Root activeView={this.state.views.activeView}>
   <View id=»main» activePanel={this.state.views.main.activePanel}>
      <Panel id=»step-1″>
         …
      </Panel>
      <Panel id=»step-2″>
         …
      </Panel>
   </View>
   <View id=»search»>
      <Panel id=»search-panel»>
         …
      </Panel>
   </View>
   <View id=»info» activePanel={this.state.views.info.activePanel}>
      <Panel id=»oferta»>
         …
      </Panel>
      <Panel id=»conditions»>
         …
      </Panel>
      <Panel id=»about»>
         …
      </Panel>
   </View>
</Root>


В state в activePanel мы прописываем id того элемента, который нужно показать.

Сервер, приложение, нагрузка

В качестве сервера выступал простенький VPS с такими характеристиками:

Debian 32-bit, RAM: 512mb, CPU: 500Mhz*2 – все это за 210 рублей в месяц.

Установленное ПО: Nginx – для раздачи статики, а для обработки данных, nginx перенаправляет запросы к Apache2 PHP MySQL.

Сама же игра написана на HTML(4.0) JavaScript и немного CSS, без использования фреймворков и без разных библиотек.

Все это было собрано из разных js/css модулей в один файл и пропущено через YUI Compressor для сжатия. В итоге был один html файл весом в 20-30кб, полноценная игра с рейтингом пару картинок, одна для фона, вторая — лоадер, для отображения загрузки.

Эти несколько килобайт, дали больше полтора гигабайта трафика. По этому, если ваше приложение много весит, приготовьтесь платить за трафик.

Посетителей за все время:
image
image

Может для кого-то это и мало, а я честно говоря не ожидал что сервер выдержит. Напугали меня разные статьи, что мол сервера крутые нужны. А как оказалось, что и этого «много», используется 5-20% ресурсов из 100.

Загрузка процессора не поднималась выше 12% и то, если поднималась то на секунду и тут же становилось 0%, обычно прыгает с 0 до 4%.А использование RAM, не превышало 200Мб, даже когда буфер InnoDB с 8мб поднял до 32мб, на всякий случай.Возможно такие показатели из-за следующей архитектуры приложения, или из-за нетребовательных операций.

Понравилась статья? Поделиться с друзьями:
ТВОЙ ВК
Добавить комментарий

Adblock
detector