Интернет-магазин с помощью AI

В предыдущих постах я писал о том, что мы живём в удивительное время, когда малая автоматизация стала по-настоящему доступной, – на примере бенчмарка с разработкой готовой игры в шахматы одним промптом, а сегодня я расскажу, как решал сугубо практическую задачу: сделал с помощью AI-агента интернет-магазин для продажи своих книг (одной уже написаной и пары планирующихся к выходу).

На мой взгляд, маленький личный интернет-магазинчик должен работать примерно так:

• Покупатель видит страницу книги с дизайном, соответствующим остальному сайту, и формой оплаты на нём.
• Покупатель вводит свой e-mail и выбирает удобный способ оплаты. Никаких промежуточных корзин и заполнения тысячи полей с именем и почтовым адресом!
• Форма оплаты работает прямо на сайте, без переходов куда-либо ещё и повторного заполнения полей.
• После оплаты покупателю приходит письмо с индивидуальной ссылкой для скачивания материалов, которая работает 10 дней / 10 раз.
• В процессе метрика считает показатели по всем этапам воронки продаж.

Требования очень скромные, но но сих пор выбор доступных вариантов меня не слишком устраивал. Быстро и просто можно было либо сделать примитивную кнопку оплаты в блоге, которая открывает в новом окне сайт платёжной системы, либо настроить магазин из готовых плагинов типа Woo Commerce, ни один из которых не подходит толком для продажи электронных материалов.

Но мы же живем в XXI веке, когда многое можно сделать с помощью искусственного интеллекта, если свой собственный напрягать лень, поэтому я начал с того, что попросил агента подобрать мне подходящую платёжную систему. Он сравнил шесть вариантов под мои запросы, отсеял четыре, и мы остановились на двух: https://prodamus.ru и https://yookassa.ru. Рrodamus, с которого мы начали, как позже оказалось, был ошибкой, но в тот момент мы этого не знали.

Поиск в Интернете – это базовый для агента навык, значительно упрощающий выполнение любых сложных задач. Я использую для поиска сервис Tavily и он экономит мне кучу времени и токенов – вместо того, чтобы изобретать велосипед и экспериментировать, всегда лучше попросить агента сначала найти актуальную документацию, примеры и рекомендации.

Я прошёл регистрацию, агент самостоятельно нашёл документацию по интеграции платёжной формы, быстренько её сверстал, вставил на сайт и.. Ничего. При нажатии на кнопку «Купить» всплывает окно с ошибкой.

Агент попробовал разные варианты, но, увы, безуспешно. Я, мягко говоря, разочаровался, полез в документацию сам и понял, что агент всё сделал ровно так, как там описано, но их виджет почему-то принимал запросы только с доменов *.payform.ru и упорно отказывался работать в блоге.

Это тоже очень показательный момент: многие любят поныть, что AI галлюцинирует, тупит и ошибается – и это действительно так. Вот только люди мало чем от него в этом плане отличаются и поэтому нельзя слепо верить ни в человеческий разум, ни в «железную» логику.

Я написал в поддержку, получил от неё настолько односложных и невразумительных ответов, и когда в конце концов поддержка написала «Передадим запрос профильным специалистам на рассмотрение. Ожидайте, пожалуйста, обратной связи!» я понял, что реальной помощи мы не дождёмся и тут же начал регистрацию в Yookassa.

Надо сказать, что она мне понравилась больше уже на этапе регистрации и, когда мою заявку через пару дней одобрили, попросил агента продолжить процесс уже с этой платёжной системой.

И вот тут агент показал себя во всей красе. Сначала он самостоятельно прошёл все этапы настройки магазина на сайте yookassa.ru – от меня потребовалось лишь дать ему код подтверждения, который пришёл в SMS. Затем собрал платёжную форму и – чудо! – она заработала с первого раза, без танцев с бубном и переписки с саппортом.

Откровенно говоря, эпизод, когда агент самостоятельно полез на сайт платёжной системы, меня немножко напряг – ведь я не давал ему такого указания прямо, и это – очень тонкий момент. Если заставить агента согласовывать каждый шаг, то работа превратится в боль и поток бесконечных вопросов, а если дать ему полную свободу, то в попытке решить текущую задачу он может испортить что-то важное. Поэтому на старте лучше явно указать, что ему можно делать, а что – нельзя ни при каких условиях.

После этого агент настроил отправку писем и серверную защиту ссылок: каждая ссылка работает 10 дней и до 10 скачиваний каждого формата, после чего сервер её отзывает. Вся эта серверная часть – хеши токенов, защита от race condition, лимиты на формат – это работа, которая без агента отняла бы у меня много времени. С первым скачиванием вышла небольшая заминка, но агент быстро нашёл и исправил ошибку.

В принципе, на этом можно было бы и закончить, но мой перфекционизм потребовал переделать всю структуру страницы целиком – добавить описание, сверстать в PDF и добавить на страницу пробный фрагмент, а так же вторую форму оплаты.

Разумеется, модуль с формой оплаты пришлось переписать заново – это та работа, которая без агента заняла бы у меня несколько рабочих дней, а здесь уложилась в пару итераций. Если бы я сразу корректно сформулировал задачу, можно было бы этого избежать. Впрочем, в этом и заключается прелесть вайбкодинга – ты быстро и дёшево делаешь прототип, а потом, глядя на него, спокойно разбираешься, что в нём можно улучшить.

Самое сложное в этом процессе было описать словами, какой я хочу видеть страницу и особенно формы оплаты. И когда я пишу «самое сложное», это означает, что на самом деле эта задача была тривиальной, а всё остальное – ещё проще.

Чтобы сократить количество таких итераций, бывает полезно на старте ппопросить агента позадавать вам уточняющие вопросы по задаче. Ну и, разумеется, составить подробный план до начала работ.

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

Я открыл настройки Метрики, увидел, что к ней есть доступ по API, и подключил его. После этого агент успешно создал пять целей и составную воронку.

Кстати, теперь наличие API или CLI в сервисах и программах это для меня очень важный критерий. Если агенту неудобно работать с конкретным ПО, то это для меня – серьёзная проблема.

Результат разработки меня вполне устроил: всё работает, безопасность и качество решения вполне соответствуют цене вопроса. Заходите и смотрите сами, что получилось.

Забавно, что когда я всё закончил и протестировал, мне снова написала поддержка prodamus.ru, но не с долгожданным решением проблемы, а с вопросом: «по какой документации вы настраивали интеграцию?». Я не удержался и написал, что в итоге настроил всё по документации yookassa.ru.

Коротко об инструментарии, которым пользовался в процессе: Ядро – популярный агент Hermes с моделью Minimax M3. Для работы с блогом он использовал SFTP/SSH через paramiko, мне нужно было только дать ему пароль/логин. Для тестирования результата и настройки yookassa.ru очень пригодился headless Safari, а для верстки ознакомительного фрагмента – Pandoc/XeLaTeX/pypdf. Всё это, разумеется, агент установил сам, работая над предыдущими задачами.

Не знаю, какие у вас ещё остались оправдания, если вы до сих пор не используете AI-агентов в своей работе. Если вам просто непонятно, с чего начать – начните с книги «Главное про AI», она именно для этого случая и написана.

Друзья, подписывайтесь на мой Твиттер (там я пишу чаще) и Телеграм, чтобы получать анонсы новых материалов.