Создаем VK Mini Apps сайт с нуля на React
Рет қаралды 21,656
Күн бұрынСсылка на документацию из видео: 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
@VladilenMinin 7 ай бұрын
Полезные ссылки из видео: Документация из видео: vk.cc/crSkHH Исходный код приложения: github.com/vladilenm/vk-mini-app Телеграм канал Владилена: t.me/js_by_vladilen Марафон из видео 5 проектов на JavaScript: bit.ly/3FwluP7
@user-sk1yr5ux5n 7 ай бұрын
Владилен, спасибо за видео и ваши старания! Можете, пожалуйста, следующий ролик посвятить Telegram Apps с использованием React/Next & TypeScript
@user-ik8sm2th7i 7 ай бұрын
Первый человек, который нормально объяснил как пользоваться тунелем! Спасибо огромное❤
@javascript.frontend 7 ай бұрын
теперь ждем для одноклассников 😂😂 если тоже ждешь, ставь класс 😅
@grigodoes 7 ай бұрын
Кайф, спасибо за контент, давно уже присматривался к vk в качестве платформы для публикации небольших игрушек)
@user-zm6lq4vg8h 7 ай бұрын
Спасибо большое! Как всегда очень полезно и понятно ☺
@dobryden7196 7 ай бұрын
Спасибо, очень ценная инфа.
@RubikElevator 7 ай бұрын
Видео топ!! Спасибо)
@j0v4n1 Ай бұрын
Для тестового на стажировку в вк помог, спасибо!
@MrRiseful 7 ай бұрын
Ждал подобного видео 30 лет в азкабане!
@abrazar 7 ай бұрын
😂😂😂
@user-cb5cm5dl8r 7 ай бұрын
Ваабще крутой ты, можешь продолжаю вторая часть? 😅
@gurovaIrina 7 ай бұрын
Ваай, крутой туториал!
@koresh-it 7 ай бұрын
@VladilenMinin, спасибо большое за твои труды!! Продолжай в том же духе!!
@lap_tsarap 7 ай бұрын
Видео клевое. Решел все по пунктам повторить - вывалилась ошибка - похоже нужно разбираться с ssh
@region37 4 ай бұрын
Раньше было при создании приложения была кнопка фрейм и достаточно было указать размеры окна и после в группе по переходу можно было наблюдать страницу (даже стороннего сайта) с интересующей информацией. Как выпутаться с новым api? Интересует просто фрейм на страницу без сложных кодов. А то в группе все "поломалось". Готов оплатить решение.
@binigersbinigers5973 7 ай бұрын
запиши, пожалуйста, еще что-нибудь еще с авторизацией пользователя, личными данными пользователя из ВК и с сайта и т.д., а не то на ютубе нет подобных видео вообще
@Proxy1Nick 7 ай бұрын
О, кажется у VK mini Apps новое вливание денег, прям волной попёрло. Мероприятия в регионе с питчингом мини аппсов для бизнеса, ролики всякие. Может релиз какого-то обновления скоро:)
@VladilenMinin 7 ай бұрын
У ВК странная стратегия. Вроде все есть из возможностей и финансов, однако многие решения оставляют вопросы
@user-qs5vb8jj5d 6 ай бұрын
Добрый день! Подскажи, пожалуйста, какие у тебя стояли версии node и npm. Скачиваю готовый код из репы и при выполнении команды npm install ловлю уйму ошибок(
@VladilenMinin 6 ай бұрын
node 18 npm 9
@user-qs5vb8jj5d 6 ай бұрын
@@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
@user-qs5vb8jj5d 6 ай бұрын
Ничего не помогает одолеть ошибку, не сталкивались с подобным?
@Anonym-li8eb 3 ай бұрын
Видео отличное, но на винде при установке VK Tunnel куча ошибок, так и не получилось их пофиксить
@racepeaceday 2 ай бұрын
а как работать с данными переданными через #?
@lassabibass627 7 ай бұрын
Если кто хочет что-то подобное тож сделать, но в команде то, отпишитесь под комментом)
@user-im3xl1px4w 2 ай бұрын
А что это за приложение и как оно выглядит?
@vladislavm421 7 ай бұрын
Туду на локалсторадже будет на мобильной версии работать? можно загружать мой шедевр?
@VladilenMinin 7 ай бұрын
Ливай конечно 🫡
@Karifax 7 ай бұрын
Не устанавливается vk-tunnel, поставил ему питон, обновил VS code, и все равно библиотеке что-то не нравится....
@simonsavvinov7989 3 ай бұрын
Такая же проблема. Нашел решение?
@darciadeli 3 ай бұрын
@@simonsavvinov7989 у вас винда? у меня винда и как я поняла только на ней такая проблема( пробовала через докер, ничего не работает
@Anonym-li8eb 3 ай бұрын
А ты нашел решение?
@simonsavvinov7989 2 ай бұрын
@@Anonym-li8eb нет, забил
@MaciFree 7 ай бұрын
Не отправляется форма на странице: Практикум «Основы JavaScript» и 50 задач
@VladilenMinin 7 ай бұрын
В процессе починки. Предположу, что не из рф?
@MaciFree 7 ай бұрын
@@VladilenMinin 2 часа назад был в нидерландах, сейчас в москве)) но это не помогло, ожидаю фикса)
@darciadeli 3 ай бұрын
туннель не устанавливается, выдает кучу ошибок. прочитала, что такая проблема встречается на винде. пыталась через докер - все равно не работает. кто-нибудь знает решение?
@Anonym-li8eb 3 ай бұрын
такая же проблема, получилось пофиксить?
@asaruki 2 ай бұрын
@@Anonym-li8eb установил версию node 14.0.0 и только так сработало, попробуйте
@seniordaniels 7 ай бұрын
Деплой прода на серверы вк происходит, или это локально продолжает крутиться? Если да, то сколько это стоит?
@VladilenMinin 7 ай бұрын
Все бесплатно, деплой на их сервера тоже
@user-mu2lr9zc7d 7 ай бұрын
а почему файлы js, а не jsx ?
@dobryden7196 7 ай бұрын
вроде без разницы вообще
@DoeJoeD 7 ай бұрын
VK в почти 24ом году?) им ещё кто-то пользуется? Давай может лучше для телеги бота на основе реакта?
@VladilenMinin 7 ай бұрын
Для телеги отдельно чуть позже точно будет. VK все еще имеет свою ца
@Goddamn_Right 7 ай бұрын
VK сейчас активно вваливает денег блогерам за рекламу всех сервисов, телега денег не платит. Думайте)
@user-us1il8xh2r 7 ай бұрын
Бот телеграмма и до ютуба добрался)
@DoeJoeD 7 ай бұрын
@@user-us1il8xh2r ну классические боты не интересны - там всё уже миллион раз изъезжено, а вот web bot для телеги - контента мало, а вариантов того, что с ним можно сделать - много
@stoparb357 7 ай бұрын
@@Goddamn_Rightи в итоге тг популярнее. в вк многие ради музыки, но они платят самый минимум среди всех площадок, даже для музыкантов это шлак
@gamestyle6135 5 күн бұрын
Для телеграм сделай
@TheFryOS 7 ай бұрын
это реклама
@VladVeninTV 7 ай бұрын
Привет, почему ты забросил свой другой канал?
@VladilenMinin 7 ай бұрын
Почему забросил?
@VladVeninTV 7 ай бұрын
@@VladilenMinin Просто на канале уже как полгода нет видео
@VladilenMinin 7 ай бұрын
@@VladVeninTV о каком канале идет речь?
@VladVeninTV 7 ай бұрын
@@VladilenMinin О webformyself
@almighty_beast Ай бұрын
уже устарел видео урок
@vladimiraksenov5919 7 ай бұрын
ВК - это такой отстой(
@kaniv10 7 ай бұрын
вк разве не умерло, а это для рашки, ясно, прохожу мимо. вк сейчас звучит как - средневековая мотыга. сейчас я вас научу пользоватся
@stoparb357 7 ай бұрын
апгрейднутые одноклассники для поколения 90х
@user-ro9hm5xr3o 7 ай бұрын
@@stoparb357 фейсбук в таком случае даунгрейднутые одноклассники для поколения 60х
@vladislove1337 5 ай бұрын
😂😂😂 хохлятина детектед, ясно а с чего бы вк умирать, интересно, назови хоть один равный по функционалу сервис вк😂😂😂 только не начинай про фейсбук и телеграм, они даже близко не стоят, как минимум потому что нет музыки😂😂😂
@user-iq2st2el2d 5 ай бұрын
фэйсбук умер
SOFIADELMONSTRO
Рет қаралды 48 МЛН
Росляков GO
Рет қаралды 75 М.
Игнат Егоров
Рет қаралды 13 М.
Archakov Blog
Рет қаралды 145 М.
Прохождение #Linux-машины INTENTIONS.HTB, сложного уровня | #HackTheBox | КАК ПРОЙТИ #INTENTIONS.HTB
Mekan Bairyev - MrCyberSec
Рет қаралды 42 М.