Отказ от ответственности: Автор или издатель не публиковали этот материал для вредоносных целей. Вся размещенная информация была взята из открытых источников и представлена исключительно в ознакомительных целях а также не несет призыва к действию. Создано лишь в образовательных и развлекательных целях.
Вся информация направлена на то, чтобы уберечь читателей от противозаконных действий. Все причиненные возможные убытки посетитель берет на себя. Автор проделывает все действия лишь на собственном оборудовании и в собственной сети. Не повторяйте ничего из прочитанного в реальной жизни. | Так же, если вы являетесь правообладателем размещенного на страницах портала материала, просьба написать нам через контактную форму жалобу на удаление определенной страницы, а также ознакомиться с инструкцией для правообладателей материалов. Спасибо за понимание.
Если вам понравились материалы сайта, вы можете поддержать проект финансово, переведя некоторую сумму с банковской карты, счёта мобильного телефона или из кошелька ЮMoney.
VK Tech | Lessons — «Мобильный веб и VK Mini Apps», Глеб Воронцов
Источник: rucore.net
СОЗДАНИЕ ПРИЛОЖЕНИЙ
Вирусный тест для группы «Спортмастер». На основе ответов пользователя помогает подобрать наиболее подходящий ему образ. После прохождения теста пользователь получает промокод на скидку.
Особенности:
Функционал «Поделиться результатом» в сторис или на стену
Персонализированные картинки с именем пользователя при шере
«НОВОГОДНЯЯ РУЛЕТКА»
Нестандартный розыгрыш призов среди слушателей радиостанции. Отличный способ привлечь пользователей из офлайна в онлайн.
Особенности:
Ежедневное начисление попыток «вращения» рулетки
Ввод в приложение кодовых слов, озвучиваемых в прямых эфирах на радио
30 гифок с лицами ведущих, фирменные узнаваемые шутки
«ЖУКИ-2»
Приложение-дополнение к интерактивам, проводившимся в комментариях группы. Пользователь мог посмотреть свои баллы, общий рейтинг, поделиться успехами в сторис или на стену.
Общая задача — привлечь внимание ко второму сезону
Источник: brand-games.ru
vkcom / create-vk-mini-app Goto Github PK
NPX allows you to always use the latest version of the package without a global installation.
With installing the package globally
Install the package globally via yarn
and use as follows
create-vk-mini-app [app-directory-name] [options]
This way is less recommended because you will have to update the package yourself.
Without —zeit and —surge options
Онлайн-курс программирования VK mini apps — урок 1
Vercel (Zeit) deploy
Firstly, you have to create Vercel account and connect it with your GitHub profile on vercel.com
Firstly, you have to create Surge account and Surge-domain on surge.sh
P.S. NodeJS: 16.13.2, OS: Ubuntu 20.04
Add repo link to package.json
Please update your lock file
npm ci can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with npm install before continuing.
- npm -v > 8.11.0
- node -v > v18.0.0
- os -v > windows 10 pro
Error: Command failed: cd mini-app npm install cross-env
npm ERR! A complete log of this run can be found in:
npm ERR! C:UserskelleAppDataLocalnpm-cache_logs2021-03-18T20_06_57_767Z-debug.log
Размер шрифта в сервисе отличается от размера в самом приложении (Android)
Размер шрифта в сервисах (webview) меньше чем в самом интерфейсе приложения (Android).
К сравнению можно взять компонент Cell в сервисах и список раздела Сообщества.
Наглядный пример — сервис в каталоге «Каталог ботов» и раздел Сообщества.
Устройство проверки Honor 8X
Что дальше?
Error: Command failed: cd mini-app npm install [email protected] ^7.0.
create-vk-mini-app
npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2021-05-20T20_41_04_064Z-debug.log
Проблема с указанием зависимостей, или что?
Не ставит пакеты
OS: Ubuntu 22.04 LTS
Создаётся директория с проектом. Если зайти в ней и выполнить установку пакетов — всё работает.
yarn-error.log в пакете
В пакете npm лежит yarn-error.log с пользовательской информацией.
Чтобы избежать подобного, предлагаю добавлять файлы логов в .npmignore.
Добавить поддержку typescript
axios.get возвращает Network Error
Какие заголовки необходимы для того, чтоб успешно получить ответ с собственного сервера в json? Например https://blockchain.info/ticker возвращает нормальный ответ, а запрос на мой сервер с https возвращается результат error:
Не работает стартовое приложение
Промис connect.sendPromise(‘VKWebAppGetUserInfo’) не реджектится и не резолвится. В консоли не вижу ошибок, в Network не вижу запросов.
try console.log(‘fetchData’); // выводится const user = await connect.sendPromise(‘VKWebAppGetUserInfo’); console.log(‘fetchData ok’, user); // не выводится setUser(user); setPopout(null); > catch (err) console.log(‘fetchData err’, err); // не выводится >
Что я не так делаю?
Invalid: lock file’s [email protected] does not satisfy [email protected]
% node -v v16.16.0 % npm -v 8.11.0
iOS 10 — Съезжает навбар
Есть ли решение, чтобы VK IU заработал на поддерживаемой VK Apps платформе?
Переименовать название репозитория
Предлагаю переименовать название репозитория, чтобы он соответствовал npm пакету (create-vk-mini-app).
Outdated components
Currently compilation broken because of missing components. As I understood I must change:
- PanelButton -> PanelHeaderButton
- Cell -> SimpleCell
Невозможно создать шаблон мини-приложения
NPM repository has obsolete and non working version.
and ListItem is not imported (it was replaced with Cell) etc. I’m new to react and vkui and spent some time to figure out how to fix that.
P.S. Please add a link to this generator into VKUI documentation because now it’s totally unclear how to use it for beginners like me. Thank you
Code ERESOLVE: unable to resolve dependency tree при создании проекта
Не могу заюзать эту утилиту для создания проекта.
Ключи —force и —legacy-peer-deps не помогают. Прикладываю eresolve-report.txt и 2020-10-28T02_12_44_734Z-debug.log
eresolve-report.txt
2020-10-28T02_12_44_734Z-debug.log
The «vk bridge» library is not defined in the deployment on localhost and on the stage, prod version, but it is defined on the app_id
if you write in the console in prod, stage, or localhost versions :
bridge.send(«VKWebAppInit»); Uncaught ReferenceError: bridge is not defined debugger eval code:1
Invalid component imports
In file Home.js invalid component imports. From 4 to 11 lines.
Create vk mini app. Npm error and also Initializing error.
npm ERR! A complete log of this run can be found in:
npm ERR! C:UsersFLINTAppDataLocalnpm-cache_logs2021-11-08T14_14_21_987Z-debug.log
C:UsersFLINTDesktop>npm i [email protected] -g
added 5 packages, and audited 54 packages in 9s
found 0 vulnerabilities
Источник: githubhelp.com