Создаем VK Mini Apps сайт с нуля на React
Вставка
- Опубліковано 8 чер 2024
- Ссылка на документацию из видео: vk.cc/crSkHH
Телеграм канал Владилена: t.me/js_by_vladilen
Марафон из видео 5 проектов на JavaScript: bit.ly/3FwluP7
Исходный код приложения: github.com/vladilenm/vk-mini-app
Записал видео инструкцию по работе с VK Mini Apps
Это маркетплейс приложений в VK, куда можете заливать свои уже готовые сайты с небольшой адаптацией. Смысл в том, что там есть трафик и пользователи. При правильном подходе сможете тестировать гипотезы работы приложений, востребованности и в случае успеха - монетизировать
В ролике рассказал про настройку dev & prod режимов на примере готового сайта на React. Во второй части ролика показал создание интерфейса с помощью VKUI. UI либа с React компонентами
В итоге, у полная инструкция как сайт с нуля, или уже готовый проект быстро залить и протестировать в маркетплейсе:
00:00 - О чем видео. Про VK Mini Apps
01:15 - Создание и настройка приложения
05:35 - Настройка VK Bridge
08:45 - Настройка VK Tunnel
15:15 - Деплой в VK Mini Apps
20:39 - VKUI. Разработка интерфейса на React
Реклама. ООО "В Контакте", ИНН 7842349892
Erid 2VtzqwcPeqc
![React для Новичков [2024] | с чего начать изучение React?](http://i.ytimg.com/vi/CGJp7PMBF1I/mqdefault.jpg)
Полезные ссылки из видео:
Документация из видео: vk.cc/crSkHH
Исходный код приложения: github.com/vladilenm/vk-mini-app
Телеграм канал Владилена: t.me/js_by_vladilen
Марафон из видео 5 проектов на JavaScript: bit.ly/3FwluP7
Владилен, спасибо за видео и ваши старания! Можете, пожалуйста, следующий ролик посвятить Telegram Apps с использованием React/Next & TypeScript
Первый человек, который нормально объяснил как пользоваться тунелем! Спасибо огромное❤
теперь ждем для одноклассников 😂😂
если тоже ждешь, ставь класс 😅
после однокласников ждем бота для ICQ (если еще кто то помнит что это) )))
Кайф, спасибо за контент, давно уже присматривался к vk в качестве платформы для публикации небольших игрушек)
Спасибо большое! Как всегда очень полезно и понятно ☺
Спасибо, очень ценная инфа.
Видео топ!! Спасибо)
Для тестового на стажировку в вк помог, спасибо!
Ждал подобного видео 30 лет в азкабане!
😂😂😂
Ваабще крутой ты, можешь продолжаю вторая часть? 😅
Раньше было при создании приложения была кнопка фрейм и достаточно было указать размеры окна и после в группе по переходу можно было наблюдать страницу (даже стороннего сайта) с интересующей информацией. Как выпутаться с новым api? Интересует просто фрейм на страницу без сложных кодов. А то в группе все "поломалось". Готов оплатить решение.
Видео клевое. Решел все по пунктам повторить - вывалилась ошибка - похоже нужно разбираться с ssh
@VladilenMinin, спасибо большое за твои труды!! Продолжай в том же духе!!
а как работать с данными переданными через #?
Ваай, крутой туториал!
А что это за приложение и как оно выглядит?
Не устанавливается vk-tunnel, поставил ему питон, обновил VS code, и все равно библиотеке что-то не нравится....
Такая же проблема. Нашел решение?
@@simonsavvinov7989 у вас винда? у меня винда и как я поняла только на ней такая проблема( пробовала через докер, ничего не работает
А ты нашел решение?
@@Anonym-li8eb нет, забил
туннель не устанавливается, выдает кучу ошибок. прочитала, что такая проблема встречается на винде. пыталась через докер - все равно не работает. кто-нибудь знает решение?
такая же проблема, получилось пофиксить?
@@Anonym-li8eb установил версию node 14.0.0 и только так сработало, попробуйте
запиши, пожалуйста, еще что-нибудь еще с авторизацией пользователя, личными данными пользователя из ВК и с сайта и т.д., а не то на ютубе нет подобных видео вообще
Видео отличное, но на винде при установке VK Tunnel куча ошибок, так и не получилось их пофиксить
Добрый день! Подскажи, пожалуйста, какие у тебя стояли версии node и npm. Скачиваю готовый код из репы и при выполнении команды npm install ловлю уйму ошибок(
node 18
npm 9
@@VladilenMinin
5329 error path C:\Users\user\IdeaProjects\vk-mini-app-master
ode_modules\@vkontakte\vk-tunnel
ode_modules\websocket
5330 error command failed
5331 error command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild
5332 error gyp info it worked if it ends with ok
5332 error gyp info using node-gyp@9.3.1
5332 error gyp info using node@18.16.0 | win32 | x64
5332 error gyp ERR! find Python
Ничего не помогает одолеть ошибку, не сталкивались с подобным?
Туду на локалсторадже будет на мобильной версии работать? можно загружать мой шедевр?
Ливай конечно 🫡
Не отправляется форма на странице: Практикум «Основы JavaScript» и 50 задач
В процессе починки. Предположу, что не из рф?
@@VladilenMinin 2 часа назад был в нидерландах, сейчас в москве)) но это не помогло, ожидаю фикса)
Если кто хочет что-то подобное тож сделать, но в команде то, отпишитесь под комментом)
О, кажется у VK mini Apps новое вливание денег, прям волной попёрло.
Мероприятия в регионе с питчингом мини аппсов для бизнеса, ролики всякие. Может релиз какого-то обновления скоро:)
У ВК странная стратегия. Вроде все есть из возможностей и финансов, однако многие решения оставляют вопросы
VK в почти 24ом году?) им ещё кто-то пользуется?
Давай может лучше для телеги бота на основе реакта?
Для телеги отдельно чуть позже точно будет. VK все еще имеет свою ца
VK сейчас активно вваливает денег блогерам за рекламу всех сервисов, телега денег не платит. Думайте)
Бот телеграмма и до ютуба добрался)
@@user-us1il8xh2r ну классические боты не интересны - там всё уже миллион раз изъезжено, а вот web bot для телеги - контента мало, а вариантов того, что с ним можно сделать - много
@@Goddamn_Rightи в итоге тг популярнее. в вк многие ради музыки, но они платят самый минимум среди всех площадок, даже для музыкантов это шлак
а почему файлы js, а не jsx ?
вроде без разницы вообще
Деплой прода на серверы вк происходит, или это локально продолжает крутиться?
Если да, то сколько это стоит?
Все бесплатно, деплой на их сервера тоже
Привет, почему ты забросил свой другой канал?
Почему забросил?
@@VladilenMinin Просто на канале уже как полгода нет видео
@@VladVeninTV о каком канале идет речь?
@@VladilenMinin О webformyself
это реклама
уже устарел видео урок
Что ?! ВК ?!!! Вы серьезно ??? Оно еще существует ? 😆
Они очень стараются 😅
ВК - это такой отстой(
вк разве не умерло, а это для рашки, ясно, прохожу мимо. вк сейчас звучит как - средневековая мотыга. сейчас я вас научу пользоватся
апгрейднутые одноклассники для поколения 90х
@@stoparb357 фейсбук в таком случае даунгрейднутые одноклассники для поколения 60х
😂😂😂 хохлятина детектед, ясно
а с чего бы вк умирать, интересно, назови хоть один равный по функционалу сервис вк😂😂😂 только не начинай про фейсбук и телеграм, они даже близко не стоят, как минимум потому что нет музыки😂😂😂
фэйсбук умер