Как Сделать ChatGPT Интерфейс Для ЛЮБОГО ИИ Агента на n8n За Минуты По Шагам (Open Web UI, n8n)

Друзья, ну что, у меня сделка для вас.

Минут 15-20 вашего времени, и мы вместе выведем все ваши автоматизации на N8N на новый уровень. Обычно, когда мы создаём

наши автоматизации, они выглядят примерно таким образом, да, у нас есть какой-то чат-триггер, мы можем открыть себе чат, а, что-то написать, как дела, да, получить какой-то ответ от нашей автоматизации и таким образом ей пользоваться. Это, в принципе, работает нормально. Можно общаться с нашими нейронками, с любыми, да, через агентов. Но всегда это выглядит не очень, ну, скажем, откровенно. И этим очень сложно пользоваться вне N8N. Ну, то есть вы можете мне сказать, да, что у N8N чатриггера есть вот такое поле, да, сделать чат публичным, по которому мы получим некоторую публичную ссылку, и по этой ссылке даже будет открываться, ну, публичный чат, через который мы также можем коммуницировать с нашими агентами с N8N. Ну, давайте откровенно, это выглядит, ну, вообще не айс, да, и здесь, например, нету истории, переписок никакой, да, истории наших чатов, переключения моделей. Но что, если я вам скажу, что вы можете получить вот такой

вид чата с фулоапами, со всей историей переписок, подгрузкой файлов и прочими крутыми вещами, которые очень-очень похож на чаatт GPT, но через который вы можете общаться с вашими нейронками из Nemшими автоматизациями. И, конечно же, как мы понимаем, в этих автоматизациях может быть в этих Workflow добавлено всё, что угодно, да, работа с вашими векторными базами, MCP-серверы, и всё это будет доступно из инпутаю вот подобного чата. Делается это очень просто, и в конце этого видео вы будете точно знать, каким образом настроить вот такой интерфейс chatт GPT интерфейс для ваших автоматизаций NM. Так, ну прямо сейчас приберись на 20 секунд, поставь лайк, комментарий, подписка, потому что потом забудешь, я знаю. Ну, погнали дальше. Инструмент, с помощью которого можно всё это сделать, называется Open Web UI. Гуглим это название. И по первой же ссылочке у нас

появляется GitHub ссылка, где прямо описано, что такое Open Web UI. А вот как раз тот самый интерфейс и описаны методы, с помощью которых может установить этот инструмент к нам на local host или на наш сервер. Как вы уже начинаете догадываться, раз уж Open Webi работает с нашим NVEN, то наш NVN может подключён к лами, да, и к нашим локальным нейронкам, которые мы установили себе на компьютер. Соответственно, мы можем получить chge GPT интерфейс, но который общается с нашими локальными неронками абсолютно бесплатно. Опять же, посмотрите все варианты, да? Здесь представлен вариант, если алама вашем компьютере, да, если алама на другом сервере, если вам нужна с GPU саппортом, да, то есть с саппортом ваших видеокарт. Ну, в принципе, мы уже понимаем, что такой инструмент разворачивается прямо в докере. Смотрите, про докеer мы сейчас говорить вообще не будем, да. Мы у нас было отдельное большое видео, каким образом устанавляется докеer, каким образом устанавливается NVC man в этот докеer, да, каким образом устанавливается в этот докер. Вот это видео, на него ссылочка прямо сначала посмотрите, каким образом это делается. После этого у вас появится докер, да, развёрнутый на вашем локал хосте, куда мы без проблем сейчас установим с помощью вот этой команды и ещё и Open Web UI. Открываем наши наш докер, да, вот у нас готовый NCM наш крутится. Ма, да, superbase. Нас сейчас это ничего не интересует, да. Нас интересует установить с помощью вот этой команды, а, Open Web UI. Нажимаем вот здесь терминал. Да, это ещё один способ открыть терминал. Мы уже много таких способов с вами проходили в предыдущих видео. Открыли прямо из докера терминал, да, вставляем прямо команду целиком, которую мы увидели и взяли на сайте Openw UI на GitHubбе. Нажимаем Enter. И смотрите, у нас очень быстро установился Open VPUI и запустился на порте 3.000. Слушайте, ну, вообще говоря, неплохо. Мы уже можем нажать вот сюда и открыть local host 3.000. Open Web UI уже с нами, да, уже на нашемхосте. При первом запуске вам потребуется, а, зарегистрироваться здесь, да, поэтому захожу в мой Open Web UI. И смотрите, в принципе, он уже готов помогать нам взаимодействовать с нашими NVCN серверами. Что мы сейчас с вами сделаем? Мы с вами сейчас пойдём в NVC MEN, да, и создадим простейший, а

workflow, а, с помощью которого мы будем коммуницировать с нашим, а, Open Web UI. Нам понадобится буквально пару нот, да. Первая нода, а, она понадобится Webhook. Выбираем webhook. И, в принципе, видим, что у нас уже есть URL вебху, да. Единственное, нам нужно поменять всё этот запрос на пост. И обязательно вот здесь поменяем, а, ответ вебху только после того, как последняя нода за закончит выполнение операций. Вот этот prodдаction URL нам прямо понадобится, да, мы его заберём для того, чтобы потом использовать в Open Webi. Давайте добавим сюда ещё ноду agent, да, вот прямо AI agent добавили. Прямо её подключаем к нашему вебхуку. Здесь укажем define below. И чуть-чуть позже мы определим, каким образом нужно подключать user prompt для того, чтобы он прокидывался из Open Web UI. Давайте сохраним пока наш workflow. Итак, в Open Web UI есть такое понятие, как функции, да, с помощью которого можно обеспечивать некоторую костомную функциональность для Open Webi. Мы идём в наш аккаунт и здесь нажимаем админская панель и переходим вот сюда. Здесь есть прямо функции и есть некоторые функции, которые уже написаны комьюнити. Вот сейчас они нам прямо понадобятся, потому что есть специфические функции, которые позволяют коннектиться к N8N. Нажимаем сюда. У вас все те же самые креды, которые использовались а для логина в Open Web UI, да, могут быть использованы и здесь. Нажимаем логин и прямо вводим те же самые креды и попадаем в сообщество, да, в community Open Web UI. Но это прекрасно. И здесь можно искать, во-первых, модели, да, можно искать промты, можно искать тулы, можно искать функции. Давайте прямо так и наберём N8N в разделе функции. И отлично. Смотрите, у нас очень-очень много пайплайнов, да, для NVM, а, подобрано. Давайте самый первый выберем. Наверняка это самый популярный. И здесь написано, что это функция, да, для интеграции NVCAN, а в Open Web UI, да, динамические месседжи. Очень-очень много всего поддерживает эта функция. Это прекрасно. Это то, что нам как раз и нужно. Смотрите, мы можем провалиться в самый низ, да? Написан здесь код функции. Набираем, нажимаем show, да, и забираем весьвесьвесь код этой функции. И теперь мы готовы вернуться в наш Open Web UI. Опять же в разделе функции нажимаем кнопочку плюс и нажимаем новая функция. Удаляем всё, что тут есть, да, и вставляем прямо вот эту функцию, которую мы только что забрали в комни от OpenVPUi. Назовём её NVCN test, да? Ну, desрипtion оставим такой же. Сохраним эту функцию. Так, нельзя нам так называть функцией. Давайте уберём сш, да, save. Отлично, наша функция сохранена. Сейчас, смотрите, она ещё выключена, да, и, а, она ещё не работает. Для того, чтобы она заработала, да, нам нужно будет здесь провалиться в а кнопочка шестерёночка, да? И здесь, смотрите, много-много параметров для этой функции. Это краеугольная штука, потому что здесь самым первым пунктом идёт URL N8N. Наверное, вы уже догадываетесь, да, что мы должны вернуться в нашу N8 Man и забрать тот самый prodдаction URL, который мы сейчас вставим в а Open Web UI. Нажимаем сюда и заменяем всё, что тут есть, на нашу ссылку. Отлично. Это как раз наша ссылка, да? Смотрите, я сейчас предполагаю, что вы строите для себя, да, поэтому нажму save. Да, уже всё сохранено. Если мы ещё раз нажмём сюда, мы видим, что тут можно опрокидывать токены, да, для авторизации наших запросов. Если вам это всё нужно, то усложнённая версия будет в прогруппе. Заходите туда. А сами материалы из конкретного этого видео, как всегда, у нас в бесплатной Telegram группе. Вы туда тоже, а, подключайтесь, потому что вот там вы можете забрать, например, код этой функции, чтобы вы сами его потом не искали. Смотрите, мы уже нажали save, да, и давайте попробуем включить вот эту, а, вот эту функцию, да, сюда нажать новый чат и выбрать как раз наш появился наш N8N тест. Итак, давайте отправим, например, какой-нибудь, э, запрос, как дела. Так, и у нас прилетает ошибка. Отлично. Нам эта ошибка нужна для того, чтобы как раз вернуться в Executions и посмотреть, из чего же состоит вообще сам запрос от Open Web UI, который полетает в NVC. Отлично. Смотрите, мы видим весь весьвесь запрос, да, и мы видим, что системный промт прилетел, да, и чат input прилетел. То есть мы спросили, как дела, и N8N уже получил этот инпут. Это прекрасно, потому что теперь мы можем завязываться, да, мы знаем, что чат input, да, - это а то поле, в котором при прилетает к нам входной запрос. И как мы могли это ещё перепроверить, да? Если мы вернёмся обратно в функции и нажмём настройки нашей функции, то мы увидим, что здесь определены очень важные вещи, да? Это input field и response field. Это значит, что мы ожидаем, да, что весь промт пользователя из Open Webi прилетит в поле ча. Отдать мы его из nm должны в поле output, потому что, а, Open Web UI будет ожидать это поле в ответе от Nem. Так, вооружаемся этими знаниями, да, и идём в этор. Коннектим наш вебху к агенту, да, давайте ещё раз посмотрим, как это выглядело здесь. Заберём, скопируем. И здесь мы можем вставить это как тестовые данные для того, чтобы нам было проще потом прокидывать это в остальные ноды. Да, мы вставили эти тестовые данные, которые теперь закреплены. Открываем агент. И теперь уже понимаем, да, что промт у нас должен содержаться в чат-инпуте. И нам теперь, получается, ничего не мешает прямо сюда вставить наш чапу как expression. И по идее, да, мы должны уже теперь подключив какую-то модель, ну, не знаю, вы опять же подключайте, какая у вас есть, да, если у вас есть локальная алама, да, то, соответственно, вы можете прямо её подключить, и у вас будут локальные нейронки, да, я, например, подключу Gни от Гугла, да, с какой-нибудь быстрой моделью, с флшем, да, и по идее у нас уже с тестовыми данными, смотрите, да, мы можем прокрутить тестовую вариацию, да, этого workflлоow и посмотреть, в каком формате нам отдаст наша нода. выходные свой ответ, да, на выходе. Смотрите, мне Неронка ответила, что у меня отлично, спасибо, как дела, да, ответив вот на этот Userprom. И здесь уже проставлено необходимое поле, да, output. А мы-то помним, да, что Open Web UI ожидает как раз output. Так что это значит? Что теперь, если мы сохраним этот OFlow, да, вернёмся сюда и нажмём новый чат, как дела? Так, уже дольше идёт ответ, это радует. Хорошо, спасибо, как у вас дела? И смотрите, Open Web UI на себя забрал массу возможностей, которые так часто требуются, когда мы коммуницируем с интерфейсами типа чата GPT. Например, мы можем повторить запрос, нам ничего это не стоит, да? То есть мы использовали возможность Open web UI, запрос повторился, мы можем пройти по истории, да, каким образом уже коммуницировали с нашими моделями до этого. Смотрите, здесь появляются автоматические фолоапы, то есть на себя тоже берёт этот это Open Web UI. Это, кстати, очень крутая вещь. Если мы вернёмся в Executions и посмотрим, каким образом Executions работают, мы увидим, что как что-то без нашего ведома запускается постоянно. Если мы посмотрим какой-нибудь execution, который, а, только что выполнился, мы видим, что а Open Web UI сам а посылает специфические таски, да, например, предложи три-пять фолоапов для того, чтобы мы продолжили дискуссию, да? То есть он сам без нас это посылает, отрабатывает наша нейронка, и как только нейронка готова, у нас эти фалоапы приезжают нам. То есть мы создаём полноценный опыт взаимодействия с нейронками через N8N. Как я сказал в самом начале, так как мы уже много знаем про работу с N8N, вы можете сюда подключать любые тулзы, например, MCP сервер. Это значит, что ваш вопрос, выписанный через Open Web UI, будет проходить именно через тот workflow, который вам нужно. Соответственно, он будет видоизменяться. Вы можете делать что угодно с промтом, ровно точно так же, как вы это делаете в обычном N8N. Ну что, обязательно пробуйте подключать вот такие интерфейсы к вашим N8N автоматизациям. А если вы хотите углубиться в тему таких автоматизаций, например, узнать, каким образом а Open Web UI работает прямо с вашей локальной investмен, да, по localл и, например, подключён к гигачату и ещё может отрабатывать файлы, которые вы грузите из этого чата. То есть это интересная, полезная автоматизация, то это есть у нас в прогруппе. Туда тоже обязательно подписывайтесь, подключайтесь, потому что вот там всё глубоко, технически про и можно узнавать. А материалы из этого видео в бесплатной Telegram-группе туда тоже подписывайтесь. Всем пока. y