Transcription
Всем привет, пирожочки. Сегодня у нас видео, посвящённое вайп-кодингу с помощью курсора. Сегодня мы создадим приложение, развернём его на сервере, создадим для этого приложения сайт, регистрацию, получение апи ключей и сконнектим это приложение с сервисом автоматизации. Ну и потом дадим кому-нибудь тоже попользоваться.
Если делать только то, что умеешь, никогда не сможешь превзойти самого себя. Пример, на котором я буду показывать, как раз-таки находится в моём закрытом канале. Это сервис, который склеивает видео. Многие люди в автоматизации используют склейку видео и платят за это большие деньги. Мы же будем делать такой же сервис для себя. Мы не будем его нагрождать кучей функций, как есть на сервисе. Я просто покажу, как его можно создать, а какие функции к нему подвязать и как они будут работать. Это вы уже в дальнейшем а будете для себя решать сами. А моя же задача будет сегодня состоять в том, то что я вам по цепочке покажу, как всё это работает, как работает с курсором, как взаимодействует курсор с сервером и как создаются такого рода приложения.
Так как это вай-кодинг, а я не программист, скорее всего, будем сталкиваться с некими ошибками и будем их решать. Потому здесь не будет ролика на 5 минут, который вам покажет, делай это так и получится так, потому что по-настоящему вряд ли у вас так получится. Вы столкнётесь с с уймой ошибок и будете их исправлять. Я же покажу вам всё в реале и в конце ролика покажу тайминг, сколько по времени это всё у нас заняло. Сегодня мы разберём очень много инструментов, как что работает, и создадим своё приложение, которое, в принципе, можно монетизировать.
Перед началом, как обычно, спасибо всем, кто подписан на наше сообщество. Это самое большое сообщество в СНГ по автоматизации, и я вас стаю тоже жду в этом сообществе. Спасибо всем те, кто поддерживает меня, всем те, кто подписывается на мой платный канал, спасибо всем тем ребятам, которые ставят лайки, ээ, пишут комментарии в Ютубе. Это очень помогает мне с моим творчеством и с моими видосиками. Также всем спасибо, кто сейчас тестирует моё MCP приложение. И спасибо за такие прекрасные отзывы. Все ссылки, как про что я сейчас сказал, будут в описании. А вы подписывайтесь, ставьте лайки, пишите комментарии. Лайки можно уже сразу поставить, потому что я вас уверяю, это видео вас не разочарует. Ну а мы начинаем.
Для начала давайте визуализируем то, что мы сегодня с вами будем делать. Для начала мы создадим сайт, на котором люди будут регистрироваться. получать апи ключи и взаимодействовать с вашей платформой, возможно, оплачивать ваше приложение, если нужно, и прочее. У этого сайта будет свой сервер. Его мы тоже с вами создадим. Причём мы это всё будем создавать без знания кода, так как вы знаете, что я ни фига не программиста в этом вообще не шарю. А вот мы с вами создадим сервер, на котором будет наше приложение находиться. И мы с вами создадим ещё кое-что на сервере. Мы создадим апи, как бы красиво выделить. Вот так вот. Мы создадим с вами апи, которая будет взаимодействовать с другими сервисами по, ну, допустим, по автоматизации, будь это Make, а будь это N8N или что-либо другое. И всё это вместе у нас будет взаимодействовать с другими сервисами. И мы можем, как сделать это для себя, для своей компании, для себя и друзей, для комьюнити, аа либо просто это сделать для любых людей, которым в принципе ваше приложение понравится и захочется им пользоваться, а уж тем более поддерживать вас и оплачивать ваш сервис. А вот такой вот маленький roadmap я накидал. А, ну теперь поехали.
Что нам сегодня пригодится? Первое, нам пригодится с вами курсор AI. Его можно скачать по ссылке, либо вбейте в поиске просто курсоры А. Курсоры А - это приложение, которое позволяет с помощью кода и нейросетей нам создавать сайты, приложения, а программы, всё, что, в принципе, душе угодно. И мы как раз-таки с этим курсором сегодня будем работать. Есть бесплатные версии этого курсора, есть платные версии. платные начинаются вроде с 20 долларов. Ну я думаю, что это не проблема, если мы хотим создать какой-то свой продукт и ещё тем более его монетизировать, а либо просто сделать людям приятное. Для начала есть разного рода настройки для этого курсора, типа как сменить внешний вид и прочего, устанавливаете перед вами вот такого рода приложеница. А также есть настройки по русификации, но это уже их миллион этих настроек. У меня уже, в принципе, всё сделано. Если нужно будет подробный гайд по настройкам курсора, вы знаете, куда писать. Пишите под этим видео, а я посмотрю, сколько вас таких, которым нужны интересные настроечки для курсора, и если нужны будут, то я их дам. В данном случае у меня не так много применено. Это тема курсора плюс язык российский поставлен. Ну и дальше мы будем разбираться ещё с теми сервисами, которые подключены к моему курсору, чтобы с ними можно было взаимодействовать. Вот нам понадобится пару сервисов для сегодняшней задачи.
Мы не будем писать код на компьютере, потом это всё переносить в GitHub, из GitHubба скачивать на сервер. Нет, а мы вообще ничего на компьютере делать не будем. Мы развернём курсор сразу на сервере. Это просто феноменально удобно, потому что мы в любой момент, если у нас что-то с сервером произошло, если там что-то ошибка какая-то возникло, мы на этом же сервере сервере с помощью курсора можем всё пофиксить. Вот додос атаки фиксим всё. В принципе, курсор нас может спасти в любой момент, потому что он будет установлен на сервере и он видит все логи, пинги нашего сервера и прочее. Потому это, а, те дополнения, которые мы будем сегодня устанавливать, они must have.
Ну и для начала, с чего нам вообще всё начать? Нам с вами потребуется помимо курсора бесплатного, платного, как уже сами захотите, но я всегда говорю, что платный инструмент намного лучше всегда. Во всех случаях платный инструмент будет намного лучше. Потому я а предлагаю тем, кто начинает что-то делать в массы, то обязательно заплатите. Вот нам понадобится ещё с вами сервер, потому что мы это будем разворачивать на сервере и сразу для этого сервера делать сайт и прочее. Я не думаю, что это с помощью курсора у нас сегодня займёт много времени, потому что у нас будет и промты для создания такого приложения. А посмотрим, как справляются разного рода нейронки с этой задачей. Нам понадобится облако. Я его буду приобретать на сер на сервисе Beget. А это облачное решение. Ну вот здесь всё написано: облачная платформа, широкий выбор IT-сервисов". А вам здесь нужно зарегистрироваться, пройти в личный кабинет, то есть в панель управления. У меня здесь уже располагаются сервера, которые работают, и нам нужно будет здесь зайти в облако. А в этом облаке нам нужно с вами развернуть сервер. А здесь, э, нужно кое-что знать сразу перед развёрткой, смотря, что за сервер вы делаете. Если вы делаете просто приложение, вроде того, которого я сегодня буду создавать, а то это одни сервера. Если вы делаете MCP сервер, который должен коннектиться с нейросетями напрямую, то нужно понимать то, что вам нужны не российские сервера, а нужны сервера другой страны. В данном случае, например, у меня запущен сервер Казахстана, и он хорошо работает с с любыми наростивыми продуктами, будь это Openi, будь это Cloud или прочее, которые мы, в принципе, MCP сервера можем подсоединить. А нам нужно создать сервер виртуальный. И здесь тоже нужно кое-что будет знать. Конечно же, нас манит 7 руб. в день, потому что это самый дешёвый вариант. Но в данном случае мы будем разворачивать курсор на этом сервере. И самое минимальное значение - это два ядра. Это самое минимальное. И то с этими значениями, если вы будете разворачивать большой продукт или у вас будут большие логикрытые, то а этот сервер может подлагивать. Потому, если уж мы разрабатываем хардкорно, то это лучше всего больше двух ядер. Ну, мы сегодня будем на минималках это всё а смотреть, как это работает. Два ядра на 2 Гб памяти. И для нашей задачи этого должно хватить. Если наша задача по с большими вычислительными мощностями, то я сразу думаю, что вам нужно брать четыре ядра. Но смотрите, здесь уже 55 руб. в день. Если для вас это большие деньги, то советую, ну, то есть советую этим не заниматься. А здесь же есть выбор для MCP, например, зарубежный сервис, то есть есть Европа, Латвия, ну, мы возьмём и Россию, Москва и будем делать это на российских серверах. Дальше, что нам понадобится? Здесь уже на вкус и цвет, с чем вы работаете. Я всегда работаю с Ebunн. Это Linux. Это то, что какая операционная система будет установлена на нашем сервере. В данном случае я ставлю ебунту. А, в принципе, э, вам, скорее всего, посоветуют вот та же найсеть посоветует установить докер. Ну, я делаю это на ибунту, я привык к ней, а потому мне будет легче взаимодействовать с ним. Потом мы выбираем бонуту. Добавить новый ключ. Нет, нам нужно задать пароль. Можно нарандомить себе пароли какие-нибудь. Ну, допустим, так как это сервер всё равно будет удалён после записи видео. Давайте я возьму вот этот паролик и создам нам виртуальный сервер. Всё, в принципе, наш виртуальный сервис сервер запущен. Мы видим, что ему дали название. Мы, кстати, его не переименовали сами, потому название у него вот такого рода. Ну ничего. А сейчас я наш пароль сохраню, чтобы нам в дальнейшем с ним взаимодействовать. Если что, не бойтесь, пароль восстанавливается. вы можете через почту его восстановить в любой момент и получить новый пароль, если вы вдруг забыли. Но а что нам здесь с вами понадобится? Нам понадобятся вот эти вот данные для того, чтобы мы подключались к нашему серверу.
Как теперь нам с к нашему серверу привязать наш нашу нейросеть разработчика, чтобы она нам создала наше приложение? Здесь всё тоже очень просто. Если вот такого окошечка с файлами у вас нет, то заходите в вид. внешний вид. И нам нужно включить основная боковая панель. То есть она изначально может быть у вас выключена, смотря у кого какие настройки в вашем а вашем курсоре. Потому вид, внешний вид и, а, основная боковая панель. Вот. А мы видим, что у нас здесь файлы, которые в нашей папке, папке, которые мы открыли. Ну, эту папку мы открыли просто для того, чтобы начать. Просто она нам сейчас не нужна. И здесь у нас есть такое вот расширение. Мы можем к нашему курсору скачать разного рода расширения, чтобы ими воспользоваться. А у меня здесь докеры скачаны, пайны скачаны. И вот расширение, которое нам понадобится, вы его можете найти просто вби в поиске SSH. И вот здесь оно, скорее всего, у всех выскочит на первом месте. Это ремот SSH. А зайти на него и здесь вот будет кнопочка у вас установить. Устанавливаем его и всё. А что это такое? Это мост между нашим сервером и и курсором. А в данном случае на наш сервер устанавливается маленькая версия курсора, которая работает уже на сервере. То есть мы, если мы начнём работать сейчас здесь просто в этом окне, то мы будем работать на нашем компьютере. соединиться просто так по открытому соединению через курсор с сервером очень тяжело. Он будет тупить постоянно вылетать и всё время считать то, что его досят. Потому нам нужно вот такую вот штучку установить. После установки нажимаем новое окно, и у нас возникает вот такое вот окно. Я сейчас сделаю, чтобы вам было лучше видно. То есть мы открываем новое окно курсора. Нам с наше прошлое окно нам вообще больше не нужно. По сути, мы просто там установили это расширение. И в этом новом окне у нас есть такая кнопка, как connect via SSH. Вот она вот здесь вот у нас находится. Вот мы её и нажимаем. В дальнейшем нам нужно нажать add host. Изначально у вас здесь никаких конфигураций вообще не будет. У меня просто уже подключён сервер, потому изначально мы можем просто попросить на сееть самой подключиться, то есть создать это соединение. Что нам дальше понадобится? У нас есть наш наше подключение, то есть IP-адрес нашего сервера. Мы заходим в наш курсор и говорим: "Добавь в config SSH". А, новый сервер и вставляем наш сервер. Теперь он смотрит наш config, который вот это мой старый сервер, на котором я сейчас работаю. Вот он пытается добавить новый сервер, и он создаёт новый, а, новое соединение сервера и говорит нам: "Всё хорошо". Теперь мы можем как раз-таки продолжить. Мы создаём новое окно, нажимаем connect to vsй сервер. То есть это вот этот мо my сервер. Это мой старый, а вот это новый уже, который мы добавили. И что он нам говорит? Do you want? Вы доверяете этому хостингу? Я говорю: "Да". И он говорит: "Введите ваш пароль". Пароль мы с вами получали в начале, когда создавали свой сервер. Либо у вас можно его получить по почте, если вы вдруг забыли его скопировать. Вставляем его сюда и подключаемся. Всё, мы подключились к серверу. Он нам говорит: "Давайте откроем какую-нибудь папку на нашем сервере". И мы сразу видим, что у нас есть разно разного рода папки. Мы видим, что наш сервер ещё сильнее ожил, потому что на нём появился курсор. Теперь мы лезем в файловый менеджер нашего сервера, который мы с вами только что сделали. И мы видим, что у нас здесь у есть разного рода установки. А вот давайте здесь прямо создадим новую папку и назовём её X. Вот здесь у нас будет проект X, на котором мы, с которым мы с вами будем работать. И здесь у нас ищем наш X. А вот он. Нажимаем О'кей. Всё, мы попали с вами в папку X. Он просит ещё раз пароль ввести. Я ввожу. Всё, у нас теперь есть папка X, которой будет находиться наш продукт, сервер, приложение, всё, что вы сами захотите. Плюс к этому ещё будет установлен сайт. Но тут ещё надо понять, что для сайта нам нужен как бы и домен, и ещё SSL сертификат. Это обязательный параметр, потому мы сейчас идём за SL сертификатом и домином. Заходим в регистрацию домина вот здесь вот сверху. И мы видим, что у нас ру домина от 179 руб. в год ф9 500 руб. Вот как раз тор мне в подарок и здесь и дали. И здесь смотрим имена, проверяем, не зарегистрированы ли они ещё. Если не зарегистрированы, то регистрируемся. А вот после регистрации должно пройти энное количество времени. То есть это может быть от часу и до суток, но скорее чаще всего это происходит в течение часа. А вам этот домин подтверждает, и вы можете им уже пользоваться. После того, как вы увидите, что у вас появился домин, его нужно привязать к нашему облак, к сожалению, но ничего сложного тоже нет. Заходим обратно в наше облако, ищем наш адрес. Вот он, наш внешний IP-адрес. И к этому нашему внешнему IP-адресу проверяем, что это тот. Да, это тот. Переходим в DNS. Здесь выбираем наш домин. В данном случае это mcpkv.store. Смотрим, какие у нас здесь есть записи. У нас здесь записи пока прикоплены не к правильному адресу, потому мы открываем каждую из них. Если где-то есть адрес, то нажимаем окей. Изменения все пиковы Store будут применены в течение 15 минут. А нам тут говорят, всё ли у нас изменилось. Да, у нас добавилось как раз-таки тот IP-адрес, который с нами работает. В остальных у нас всё через конфиги. А вот ещё ВВ. И здесь надо поменять ВВ. Запись у нас идёт сюда. Также на эти адреса. Всё, теперь Теперь точно всё. То есть открыли все эти записи, посмотрели айдиш айпишники, если не ваш, который установлен на в вашем облаке, то поменяли на ваш. По идее, здесь пока всё. Дальше, если возникнут проблемы, мы с ними столкнёмся. Мы видим, что наш сервер уже начал буксовать потихоньку, то есть он уже потребляет какие какую-то а количество памяти, потому что у нас там расположен как раз-таки наш курсор. Все принастройки мы, в принципе, сделали. Теперь время создавать наш сервис.
Заходим в вид, внешний вид и основная боковая панель. Здесь будут как раз-таки все наши файлы нашего сервера, сервиса и нашего а сайта. Я вам приготовил два файла. Это описание нашего проекта и промт для для установки. А эти два файла будут прикреплены к этому видео в группе в Телеграме. Можете пройти в группу в Телеграме и забрать их, если вы хотите именно такое же приложение создать. Если не такое же, можете оттуда вы для себя вытащить определённые вещи, которые нам понадобятся. Так, перенесли сюда setupфайл, то есть это прот, и принесли project description, то есть описание нашего проекта. А вот эти файлы можете пооткрывать, посмотреть. Вот так вот они выглядят. То есть обзор проекта, склейка видео. У меня этот сервер сервис уже запущен, он работает на платном канале, но если вы хотите создать такого, ровно такой же, как у меня сейчас, это обычная склейка видео. До пяти видео сейчас можно склеить или можно сколько угодно вам здесь поставить. Главное, чтобы ваш сервер это выдержал. А это просто для сети указание, как будет выглядеть наш проект. Такие указания делаются с наросетями изначально. То есть вы, когда разрабатываете проект, вы должны создать Dфайл, а, так сказать, нашего роудпа, нашего приложения, что должно быть. А здесь описано, что у нас здесь должен быть сайт. У нас здесь описано то, что каждому человеку присылаются свои апитокены, а каждый человек должен пройти регистрацию на сервере. И указывается апи, то есть здесь ещё автоматически создаётся апи. И мы просто ему отдаём наши документы и говорим: "Создай, создай нам нам такое приложение и сайт указано в документах". ТЧК. И здесь мы ему что ещё должны дать? Мы с вами зарегистрировали домин. На этом домене как раз-таки наше приложение будет работать. И мы сразу ему должны дать доменное имя, которое мы зарегистрировали. Переходим опять в DNS, потому что я забыл, как оно звучало. И оно вроде у нас вот точка store. И и объясняем ему, что приложение будет находиться на вот этом вот домене. Находиться на этом домене. Сразу скажу тем людям, которые думают, какие нерсети использовать в курсоре, скажу так, есть две крутые наресети для курсора, которые даются в платных подписках. Ну, бесплатных тоже там некоторое количество токенов даётся. Первое - это Clot 4,5 Sanet, а второе - это GPT 5. Они очень хорошо кодят, если я уже многое рассказывал на платном канале, но Google не очень хорошо кодит. Советую не пробовать вам. В данном случае у меня израсходовано уже, то есть вам даётся определённое количество токенов на топ-модели. Они у меня уже израсходованы в этом месяце, потому я сейчас пользуюсь другими моделями, и это не топовые модели. Потому мы будем сейчас смотреть, как одна из нетоповых моделей будет создавать это приложение. И топовые модели справляются с задачами гораздо быстрее и точнее. В данном случае мы будем видеть не самые топовые модели на RCT. Даже я не могу, кстати, сейчас посмотреть, какая будет из них работать. А, ну они могут выдавать кучу ошибок при создании приложения, и мы как раз-таки будем в самом таком не в самом хорошем положении в данном случае. Так, приложение будет находиться на этом доме mcpkv.store. Всё. А если, ну, то есть по документам я вот так вот сейчас пройдусь. Здесь всё уже подписано. А я создавал это приложение уже для, как я сказал, для платного канала, для того, чтобы люди склеивали видосики. Я его создал не соврать где-то за час, учитывая то, что я ему говорил, что мне вот это нужно добавить, вот это нужно добавить, здесь регистрацию, здесь а проверка токена, здесь это просто я его с нуля, да, писал. Так, он говорит: "Установите рекомендацию, рекомендованное расширение Python". А, да, установить. Вот он сейчас ещё и Python расширение дополнительное восстанавливает. То есть он просматривает, что у нас а не хватает на нашем сервере. Ещё сам туда всё доустанавливает. Это я пока так. Ну, и пока сетап промчик мы видим. Вот он. Для тех, кто ленится в Telegram-канал зайти и скачать его, вот это как раз-таки то, на что я потратил час, а, разрабатывая это приложение с нуля. То есть это просто я говорил то, что я вот хочу вот это, я хочу то, я хочу это. Ну, добавлял, добавлял и где-то за час я справился. И остальное время там ещё где-то час я потратил на то, чтобы это приложение приконнектить с другими. То есть в данном случае я его коннектил с Мейком, а и Mac сервис автоматизации. Если кому интересно сама тема автоматизации, то обязательно посетите Telegram-канал. Там очень много всего по автоматизации, автопостингу, получение трафика и много-много вообще за полтора года очень много всяких тем набралось. Там, в принципе, найдёте всё, что вас интересует. Вот. Вот это так выглядит весь документ по фронту. Здесь всё тоже написано. Наш агент работает, создаёт наше приложение. Ну, давайте я это пока пропущу именно первое создание, а потом уже сразу вам покажу, что получилось из с первого раза. Ну, пока он создаёт, вы видите, что справа у нас появляются файлы, то есть файлы бэкаповские файлы, файлы апи ключей, а, дизайна и прочего. Эти файлы в процессе будут как раз-таки это файлы нашего сервера, и они будут работать. Также мы можем ещё задеть тему дизайна в курсоре. Я сейчас как разрабатываю её на платный канал интересную всю информацию про дизайн через курсор, как это всё делается, как создаются сайты и прочее. А, но это будет а в следующем видео, если вы захотите. Так, а что он нам говорит? Установите зависимости. Следующие шаги вы должны установить зависимости. Убедитесь, что установлен. А, запустите сервер, откройте браузер Local host. А, сделай всё сам. Я я же не разработчик. И сейчас он будет это всё сам делать. То есть он спрашивает разрешение для установки зависимости и прочего. Он нам пока создал такое. Теперь он всё это делает уже на самом сервере. Он всё это разворачивает, в зависимости все прописывает. И в принципе нам не нужно там раньше, как я это делал, я копировал команду вставлял на сервер. Есть на сервере ошибка, я копировал ошибку, вставлял в курсор. И это занимало очень много времени. Сейчас же всё на сервере у нас делается автоматически. Ну вот и промежуточный ответ второй. Готов. Готово. Проект создан. А созданы все файлы проекта. Основное приложение. опись системы, управление пользователями зависимости, установка установленные зависимости. То есть он показывает, какие библиотеки использовал. А вот это как раз библиотека для склейки видео, то есть FMPEG Python. Там там есть и не только склейки видео, можете ещё кучу всего в эту программу завернуть. В данном случае очень популярна тема склейки видео, потому что люди получают восьмидесяти-пятнадцатисекундные видео, им хочется эти видео сделать всё подлиннее. Ну, сервисы по склейке видео, они как раз-таки не очень-то и дешёвые, и будет гораздо дешевле, например, сделать свой. Плюс к этому вы можете это ещё дать друзьям, знакомым или вашему комьюнити и сообществу. Полная документация у нас. Быстрый старт, настройка конфигурации domain im CPCH root page. Так, и что нам дальше делать? Перед продакшеном измените Secret в main. Но мы это же делать не будем. Откройте в браузере. Но у нас мы это делаем на сервере, потому открой. Вот он теперь он говорит, что мы это всё дело открываем. И у нас в самом курсоре есть встроенный браузер, и мы видим, что наш сервер уже запущен. И также он ещён вот так вот нам кидает на курсор. То есть регистрация в ход. Ну, здесь мы просто пока создали такого рода, то есть он нам нас вывел даже не на тот сайт, а нас ещё добавил скотч. То есть скотч - это как раз-таки название моего сервиса было. А вот и здесь мы можем посмотреть, как это всё делать. То есть у нас здесь есть а план даже, ну, немножко кривоватый, но уже есть. А я Мне не нравится дизайн. Давайте сразу, чтобы красиво было, всё-таки видео записываем. А, сделаем красивый дизайн главной страницы с описанием нашего приложения. А тут так-то, ну, склейкой видео, понятно, объединяет до пяти видео в одно. Настройка качества - это соотношение сторон. А, в принципе, этого мне будет достаточно, потому что я знаю, что это за сервис. Ну, а если вдруг к нам кто-то забрдёт в гости, то, скорее всего, он не поймёт, что это такое и как с этим работать. Потому нам нужно побольше информации. И вот тут вот он как раз-таки сейчас нам накинет что-то интересное. Надеюсь, что интересно. Ну, насчёт дизайна. Это отдельные МCпишки, отдельные видосики. Если вы поддержите эту тему по разработке, а, могу вам их сделать. предварительный просмотр. А вот теперь он сделал нам вот такую вот главную страницу. Опять же, пока всё это так на любителя.
Сами понимаете. То есть у нас есть разного рода возможности. Соотношение, четыре соотношения сторон, уровень качества, доступно 20 объединений видео. Ну, давайте на дизайн сейчас смотреть не будем. Сегодня тема ролика не про это.
Ну, мы уже создали определённый сайт. Он, будем сейчас проверять, работает он или нет. У нас есть "Начать работу", "Войти". Но так как мы только начинаем, пусть у нас будет про план. И мы пишем "Зарегистрироваться". Пользователь зарегистрирован. Теперь он нам говорит то, что "Введите имя пользователя", "Введите пароль". Ну вот и первый косяк. То есть мы не вошли. Надо ещё создать одну страницу дэшборда, то есть на которую человек будет после входа перемещаться. А он её почему-то автоматом не создал.
Так, теперь при входе он никуда не перебрасывает, а выдаёт сообщение: "Вход успешно выполнен. Токен сохранён." А мне надо, чтоб он перекинул на страницу дэшборда, где мы можем получить или обновить токен. Также сделай дизайн минималистичным, чёрно-белым, в минималистичном, листичным и чёрно-белым, чтобы нам сейчас глаз не мозолило всё это.
Так. Создаю страницу дашборда с минимально чёрно-белым дизайном. Добавляю перенаправление после входа. Обновляю стиль и логику входа. Создаю минопетический дизайн страницы дэшборда. Но он не понял, что мы хотим и главные страницы сделать минималистичную. Ну, хотя бы дашборд уже сделает, и потом мы ему ещё скажем. Мы ему сразу можем добавить, что и главную страницу тоже.
А вот он нам прислал то, что "Дизайн обновлён на меню чёрно-белый, главная страница министичный белый дизайн, а регистрация и прочее". Давайте проверять на нашем сайте. Так, давайте на главную. Пока это выглядит слишком минималистично. Сейчас, секундочку. Ну, пусть будет так. Пусть будет, допустим, так. Хорошо. А регистрация, мы уже её, кстати, прошли, потому мы сейчас нажимаем "Вход". Всё.
Теперь мы видим, что у нас А ключ и GVT токен. А, "Создать новый апи ключ". Он видит, что KID, то есть каждому даётся свой KID, и он мне не даёт его скопировать. То есть это круто, конечно, что он создаёт новые а ключи. Теперь пишем, что у нас есть проблема, что при создании ключа мы не можем его скопировать. Давайте я здесь войду, и мы будем проверять прямо здесь этот сайт. Вот. И мы говорим то, что здесь немножко напечатался, но не суть. GVT токен, он присваивается, по-моему, каждому пользователю. Но зачем он его вывел? Здесь его тоже нужно, в принципе, отсюда убрать. У нас теперь есть маленький дэшборд. У каждого он будет свой.
Перезапускаю сервер, применяю изменения. Предварительный просмотр. Так, вход. И теперь мы можем создать новый iключ. KID у нас есть и IP ключ. "Копировать KID", "Копировать IP ключ", "Закрыть". Ну, всё, в принципе, теперь мы можем создавать ключи, эти все дела отсюда копировать для того, чтобы с этим всем работать. Ну, у нас есть такой теперь маленький дэшборд.
О'кей. Давайте проверим теперь, э, перенаправление с нашим новым доменом прошло или нет. Проверим, открывается ли наш сайт по mcpkv.store. Даём ему возможности. Проверяет конфигурацию. Нам нужно будет сейчас ещё SSL-сертификат сюда поставить. Сейчас он нам это всё сделает.
"Результат проверки домена". Что работает ДНС на апе. Домен, приложение работает на порту 3001. А доступ апи такой-то. Так, конфигурацию он сделал и прочее. "Создай". Он говорит, что "Создайте файл для настройки конфигурации, скрипт автоматической настройки". Так, создай, создай сам. Почему он мне всё время это говорит? Я же не программист, я не знаю, что нужно делать. А дальше что он говорит? Что сделано? А установлено NGX - это как раз-таки для работы с доменом. Скопировано конфигурации для MCP стора. Созданы символические символические ссылки с сайта. Проверяем конфигурацию.
"Результат проверки". HTTP статус. Э, 200. А работает, домен доступен. Проверяем. Раз он говорит, что всё работает и доступно, давайте мы это всё с вами проверим. То есть мы вставляем наш адрес сайта. Да, а всё работает. Но у нас нет SCL сертификата. И если я сейчас видео сделаю, вы видите, что наш браузер жалуется то, что у нас адрес HTTP, а не HTTPS. Надо решить эту проблему. Нам нужен SSL сертификат бесплатный. Бесплатный сертификат.
"Установисертификат успешно установлен. Установлен работает". Результат HTTPS 200. Теперь наш сайт защищён. Надо проверить. Открываем наш сайт. И видим, что "Welcome to ins.com". Так, "Install and working configuration request. Thank you for using." Ну, работает-то он открывается, но мы видим то, что нам не хочется видеть. Потому мы говорим, что вот такая вот вот что на главной странице теперь. Он нам говорит, что он всё поправил. Мы же ему не верим. Или едем проверять? Да.
Теперь у нас сайт наш. Сейчас вот это у нас закрою. Теперь наш сайт доступен по https протоколу. Это обязательно везде, там, где вы принимаете оплату либо работаете с другими приложениями, это всё нужно. То есть это всё бесплатно. Вот теперь у нас есть свой домен сервер, ну, то есть хостинг сервер, так сказать. И всё приложение у нас уже работает по нашему по нашему адресу. Дальше уже другие настройки. Мы видим, что эти аключи у нас те, которые мы создавали, они уже у нас присутствуют, но нас постоянно разлогинивает. И, в принципе, можно сказать то, что почему я каждый раз, заходя на этот сайт, должен как бы вбивать логин и пароль. Мы можем эту сессию как бы оставлять постоянно. Ну, как бы для видео это не обязательно, а введёте логин и пароль, ничего страшного. Каждый раз, когда на него будете заходить, но можно просто написать курсору, что я не хочу, чтобы меня каждый раз разлогинивал и мне приходилось вводить свой логин и пароль. Плюс по безопасности здесь можно добавить пароли дополнительные и прочее. Там очень много всего. Можно сейчас только только с регистрацией там нафигачить. То есть проверка по почте, смена, а смена паролей, проверка сложности пароля, чтобы там нельзя было написать 1 2 3 4 и этот пароль сохранился. Здесь можно просто попросить тот же м курсор сказать, чтоб как можно улучшить регистрацию, чтобы она была более безопасной, и вам он предложит список изменений. Вы можете сказать: "Я хочу, например, всё". И он всё это внедрит. и с этим потихонечку разбираться. У нас задача стоит создать приложение и посмотреть, как оно работает.
А вот теперь я хочу в дэшборде сделать какой-нибудь визуал, а для того, чтобы понимать, работает ли наше приложение или нет. Пока что мы сделали только получение апи токена. Я хочу, чтобы была вкладка в дашборде, где я могу дать две ссылки на видео, дайте две ссылки на видео, и он в личном кабинете их склеит и отдаст готовое видео. Ну то есть мы сейчас попробуем визуализировать [музыка] работает ли наше приложение или нет перед тем, как подключать его к разного рода сервисам. Допустим, у нас с вами будет видео.
>> Хочешь, чтобы контент сам появлялся в твоих соцсетях? Подписывайся на Ковчег. Здесь показываем, как на мейкомы с помощью нейросетей автоматически создавать посты, рилсы, работать с таблицами и продвигать свой канал. Больше подписчиков, больше времени для идей.
>> И нам нужно к нему ещё что-то добавить. Берём вот этот URL, сначала вставляем. Он нам уже добавил, и я тут вам не показал, просто пока лазил. Вот он нам добавил эту функцию, с первого раза всё запилил. Сейчас будем смотреть, как она работает. А, вставляем наш первый URL, то есть наше первое видео. И для я создавал такое длявт эпизод вставка, например, была. Это короткая вставка, которая в конце видео у нас, например, будет. Её в конце видео такой нету. Потому вставляем. У нас все видео 9x на16. Сбалансирован, склеен, склеиваем видео. Идёт у нас обработка статуса. И мы видим, что ошибка нормализации видео. А надо вообще включить логи. Есть такое понятие в программировании, как логирование каждого действия. Поначалу он никогда не делает логирование, потому мы можем объяснить то, что включи логирование для всех функций. На на режиме разработки нужно включить полное логирование всех функций, чтобы сама аро сеть, которая программирует, увидит, какие происходят моменты и какие в них ошибки. Почему там-то или там-то и что-то у нас не получается? А она сказала, что было не так. Старый код исправлен и всё, что всё должно работать, но мы это ей не верим. Здесь у нас сейчас происходит скачивание видео. Кстати, насчёт И говорит, что готов. Да, мы видим, что уже не 10 секунд, а 13. И
>> хочешь, чтобы контент сам появлялся в твоих соцсетях? Подписывайся на Ковчег. Здесь показываем, как на йкомы и с помощью нейросетей автоматически создавать посты, рил рисы, работать с таблицами и продвигать свой канал. Больше подписчиков, больше времени для идей.
Ну, у второго видео нет звука, но видео само склеило. Здесь уже, э, как бы по пол дела сделано. Теперь надо сказать, что у второго, хотя может звук не добавился, потому что сейчас что-то с кодом меняется, и она пере перезалогинилась. Потому мы сейчас скажем то, что видео склеились, но у второго видео исчез звук. Посмотри, что произошло. А так как логирование, к сожалению, ещё не включилось, он не может посмотреть, но он мы можем ещё раз повторить действие и попросить его посмотреть, что произошло. По сути, сервер уже кое-как-то работает. видео он склеивает. Но сейчас надо эту ошибку только поправить, и тогда а всё будет уже готово. Практически он сейчас на все действия у нас как раз-таки включает логирование, чтобы мы всё это видели. Что добавим? Логирование уровня debug во все функции. Логи записывает файлы. Логи также вводится в консоли. Подробно логирование процесса склейки видео. Логирование всех апи запросов, логирование аутификации. Ну, то есть, если пользователь зашёл, мы тоже видим, что пользователь зашёл. Всё это в логировании у нас сделано, оно включено. И мы сейчас ему отправляем, что у нас видео склеилось, но у второго видео исчез звук. Посмотри, что произошло. И теперь у нас есть такое и вот такое будет. Давайте обновим на всякий случай, чтобы он не тупил. Ещё раз обновляем. 9 на1. Первая ссылка. И вторая ссылка. И нажимаем склеить. Так, статус обработки готово. Видео готово 20 секунд.
>> Хочешь, чтобы контентлся в твоих соцсетях? Подписывайся навчать с таблицамиков. Больше времени для идей. Хочешь, чтобы контент сам создавался и сразу летел в соцсети? В канале Ковчег мы показываем, как автоматизировать посты, рилсы, таблицы и маркетинг с помощью.
>> Всё у нас работает. Ну, сервис мы сделали. Теперь нужно а сделать вот что. Нам нужно добавить вкладку АИ, чтобы любой мог воспользоваться нашим сервисом. А то как он его настроит? Он же не знает, как его настраивать. Лезем. Добавь вкладку AP. Апидок сс документации использования нашего сервиса. А, добавляем документацию для того, чтобы люди, которые у нас зарегистрировались, а, возможно, даже оплатили наш сервис, они могли использовать по апе наш сервис у себя, допустим, в автоматизациях, если они занимаются автоматизацией. Этот сервис, скорее больше для автоматизаций, когда к нему можно подконнектить Maycom либо N10, либо другие сервисы автоматизации, они будут склеивать им видео. В данном случае сервис бесплатный. Ну, кроме того, то, что мы платим в день за наше облачко, цены небольшие. Даже если вы себе такое сделаете, они окупаются, в принципе, потому потому что такие сервисы дороже стоят. Даже вот за месячную подписку вы вы здесь безграничное количество видео можете склеить сколько угодно поставить, создать сервис плюс к этому. Сюда же можно добавить всё, что угодно. То есть это одна из функций просто склейки видео. Вы сюда можете кучу функций добавить. там создание тех же субтитров, ещё чего-то, эффекты, переходы, это всё также можно здесь сделать. Мы сейчас просто берём какую-то базовую вещь, которая сейчас популярна, и создаём этот сервис нуля.
Всё, он закончен, говорит, что всё сделал. Давайте смотреть. Хотя он там что-то ещё делает. Да, у нас появилась вкладка А документация. Давайте вам приближу, чтобы было понятнее. Нажимаем на неё, и нам по, э, показывает, что авторизация у нас идёт через DVT токен, через а вот такой вот Апи ключ. И здесь у нас вся защищённые попоинты. Вот она, наша API додокументация. Ошибки, поддержка. Размер видео максимум 20 Мб. А, это я ограничивал, чтобы люди там гигабайтами не заливали. А, так, о'кей, полработа сделан. Теперь мы должны, а, GVT токен у нас срок действия 1 час и Аключ у нас срок действия 365 дней по умолчанию. Он нам даёт и такую возможность модификации, и такую. То есть вы кому-то можете GVT токен начать всегдать попользоваться, например, а или себе сгенерировать апи ключ, который будет у нас 365 5 дней по умолчанию.
Вот наш сервер. Давайте добавим визуала и сейчас его приконнектим к. >> Так, дэшбордик. Создаём апи ключ. Копируем ключ. Заходим в make. Я уже создал модуль для проверки. Добавляем новое подключение. Пусть будет 222. Вставляем апи ключ. Сохраняем. Смотрим в панели разработчика. Всё, у нас токен проверился, всё прошло. Мы теперь подключились к нашему серверу. Если видите, то у нас наш вот он mcp store тот как раз-таки адрес, которого мы с вами приложении делали. А здесь два видосика. Ну и запускаем, собственно, наш модуль на проверку. Так, там хэш. Мы этот видосик уже прогоняли, потому он уже его сделал. Так будет нечестно. А потому возьмём второй видосик какой-нибудь, сделаем другой видосик, а то этот мы уже сделали, он в хэш попал и быстро очень сгенерился. Типа он такой: "Да, я всё сделал, на самом деле он просто его не генерил". Потому создаём второй видосик. Вот мы видим, что мы отправили запрос, а, два видеофайла 9х на 16. И мы видим, что нам в панели разработчика видно, что додалось Task ID, и это Task ID сейчас проверяется на работу. То есть мы видим, что по нашему серверу пошла работа, и он сейчас проверяет Task ID, то есть выполнил ли задачу нашего сервер или нет. Да, он задачу выполнил, вернул нам ссылочку. Эту ссылочку мы можем открыть сейчас и посмотреть, что у нас получилось. Вот наш файл.
>> Хочешь, чтобы контент сам создавался и сразу летел в соцсети? В канале Ковчег мы показываем, как автоматизировать посты, рилсы, таблицы и маркетинг с помощью Makecom и нейросетей. Пошаговые скрипты.
>> Ну там видео было незавершённое, я просто для загрузки взял его и всё. То есть он склеил два видео. Первое и второе. Второе - это был вот это как раз-таки, а, плашка завершения, но вы можете здесь хоть пять видео прикрепить. Ну, это опять же создать свой сервер, прикрепить хоть пять видео, склеить их, и это у вас ваш сервер склейки видео. Потом его загнать либо на Makeen, либо на Night 10, либо на другие сервисы и работать с ним. А вот такое вот видео у нас получилось. Сейчас смотрю на запись. Всё, запись продлилась 240 из-за того, что я больше возился, наверное, с интерфейсом и, ну, визуалом, а потом подумал, что для визуала нужно сделать отдельное видео, подключать все МCпишки на сервер, чтобы работать с сайтом, а это заняло бы сейчас времени. То есть это достойно отдельного видео. И насчёт дизайна мы с вами поговорим, как в закрытом клубе. У меня будут скоро занятия по дизайну с помощью курсора AI. А так и какое-нибудь видео выкачуть позже по дизайну с помощью курсора.
В итоге, что мы сегодня с вами сделали? Мы с вами сделали полностью готовое приложение на собственном сервере собственным сайтом, а к нему можно подконнектить оплаты и прочее. Это тоже всё курсор спокойно с вами, ну, спокойно сделает. А потому что я вам хочу сказать? Творите, создавайте свои сервисы. Если у вас есть хорошие идеи, не бойтесь их воплощать. Только не забывайте проверять правильность написания кода и лазейк. То есть после того, как вы убедились, что ваш сервис создан, он работает, в первую очередь делайте бэкапы, это всегда. Во вторую очередь просите а тот же курсор проверить на уязвимости вашего сервиса. Смотрите, что всё было хорошо с базами данными и прочее. Там очень много ещё полезной информации есть, которую нужно тоже вам озвучить. Но по сути, если вы это делаете для себя, то здесь вообще всё очень просто. А вы сделали какой-то свой сервис, поэтому сейчас показал просто на примере какого-то маленького маленькой склейки, но вы можете этот даже сервис развивать в любом направлении, добавляя определённые функции для этого сервиса и прочего. И как и создавать то, чего вам лично не хватает. Вот такое вот видео у меня получилось. Спасибо, что вы досмотрели до этого момента. А если понравилось, поддержите лайком, комментарием, подписывайтесь на Telegram-канал, приходите на обучение в платный канал. Там очень много информации полезной. Узнаете больше, чем сегодня, я вас уверяю. А, и буду ждать вас на следующем видео. Всем спасибо и до свидания. M.