Виджет VimeWorld

Вступление

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

CharkosOff подготовил для вас бесплатные виджеты, которые имеют гибкие настройки и работают если не лучше, то точно не хуже, чем аналоги.

Прочитав данный гайд, вы научитесь настраивать и запускать виджет в вашей группе.

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

Приступим

Прежде всего нам необходимо скачать исходный код виджета.

Сделать это можно по ссылке: https://github.com/Charkos0ff/vimetop_widget/archive/refs/heads/main.zip

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

Установка NodeJS

С помощью нее станет возможным запуск исходного кода виджета

Перейдите на официальный сайт NodeJS во вкладку «Download (скачать)» - https://nodejs.org/en/download/current/
Выберите вкладку «LTS» и скачайте ноду для вашей операционной системы
После установки можете проверить её наличие, воспользовавшись командами node -v и npm -v

Получение токена

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

Зайдите в приложение VKMA Test Tool - https://vk.com/test_vkapp
В панели снизу наведите курсор на «Действия» и выберите пункт «Добавить в сообщество»

Перейдите в сообщество, в которое было добавлено приложение и в панели «Меню» нажмите на него:

Заполните форму следующими данными, написав в group_id айди своей группы:

Event: VKWebAppGetCommunityToken
Event Data:

{
"scope": "app_widget",
"app_id": 6703670,
"group_id": *АЙДИ ВАШЕЙ ГРУППЫ*
}

Нажмите на кнопку Send Event.

Из правой панели скопируйте параметр access_token:

Перейдите во вкладку: Приложения в настройках сообщества.

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

Рекомендации - Кому доступно: Только администратора;
Видимость виджета приложения: Все пользователи

Настройка виджета

Последний этап

Откройте папку с исходным кодом виджета в командной строке (например, используя команду cd)
Напишите команду npm i для установки необходимых дополнений
Откройте файл config.js через любой текстовый редактор
Заполните значения под себя
Введите в командной строке, аналогично второму пункту находясь в папке с кодом, команду node index.js

Поздравляю, теперь у Вас есть виджет для группы!

Информация в нем обновляется, пока виджет запущен.

Статья подготовлена командой VimeBase.

Наш Telegram: https://t.me/basevw

Чекер Minecraft: https://t.me/checkmcbot Чекер VimeWorld: https://t.me/vimebasebot Сократи ссылку: https://t.me/vimelinkbot