Как создать бэкенд с помощью Claude?

традиционная разработка бэкенда часто требует обширного кодирования, управления инфраструктурой и значительных ресурсов для разработки однако использование современных платформ бэкенда как услуги может значительно упростить этот процесс back4app упрощает этот процесс, предоставляя комплексный набор инструментов, предназначенных для ускорения вашего рабочего процесса одним из этих инструментов является протокол контекста модели (mcp) сервера back4app , который позволяет вам создать целый бэкенд с помощью llm, такого как claude, используя только естественный язык в этом учебном пособии вы узнаете, как создать бэкенд и пользовательский интерфейс (ui) для личного трекера расходов, используя сервер mcp back4app через claude, и развернуть его на контейнерах back4app основные выводы вы можете просмотреть работающий личный трекер расходов, созданный в этом учебном пособии, используя эту ссылку узнайте, как быстро создать бэкенд на back4app за считанные минуты, используя подсказки claude и сервер mcp смотрите, как работают хуки cloud code, обеспечивая записи только для владельцев и поддерживая точность ежемесячных сводок без дополнительной инфраструктуры научитесь создавать отзывчивый фронтенд, который подключается к вашим api parse через javascript sdk, все сгенерировано claude изучите развертывание в один клик с помощью контейнеров back4app, отправляя ваш репозиторий github в продакшн без операционных затрат предварительные требования чтобы следовать этому руководству, вам необходимо иметь следующее аккаунт back4app вы можете зарегистрироваться бесплатно если у вас его нет установленный десктопный клиент claude на вашей системе базовое знакомство с концепциями разработки бэкенда обзор проекта личный трекер расходов вы создадите бэкенд для отслеживания расходов, который claude сможет запрашивать и обновлять в реальном времени ваш трекер расходов может записывать ваши расходы, организованные по категориям, и предоставляет ежемесячные и годовые сводки ваших привычек в расходах проект имеет 4 модели данных пользователи эта таблица хранит учетные данные аккаунта и общий месячный лимит расходов для каждого человека поля включают email, пароль, monthly budget и временные метки расход эта таблица хранит каждую покупку дата, сумма, указатель категории и описание категория эта таблица хранит пользовательские метки для группировки расходов поля включают id, user id, name и временные метки ежемесячные сводки эта таблица кэширует предварительно агрегированные итоги для быстрого доступа к панели управления и проверки бюджета поля включают user id , month , total spent , и timestamps каждый раз, когда вы записываете расход, триггер cloud code beforesave находит (или создает) сводку за этот месяц и увеличивает ее итоги, вычитая сумму из вашего месячного бюджета вот диаграмма взаимосвязей сущностей, чтобы помочь вам визуализировать схему теперь, когда у вас есть общее представление о том, что вы будете строить, в следующем разделе вы настроите сервер back4app mcp с помощью claude desktop и начнете писать подсказки, которые создадут приложение, описанное в этом разделе подключение back4app и claude desktop чтобы подключить сервер back4app mcp к claude desktop, сначала вам нужен ключ аккаунта back4app чтобы его получить, войдите в свой аккаунт back4app и на панели управления пользователя нажмите на выпадающее меню на панели навигации и выберите ключи аккаунта на странице account keys , дайте вашему ключу учетной записи имя, скопируйте сгенерированный ключ и храните его в безопасном месте далее вам нужно изменить файл конфигурации claude для включения сервера back4app mcp по умолчанию файл конфигурации claude не существует в вашей системе вы можете создать файл конфигурации, перейдя в настройки рабочего стола claude на вашей системе, выбрав developer option и нажав кнопку edit config , или вы можете следовать этому руководству это создаст файл конфигурации по адресу (если у вас его еще нет) macos /library/application support/claude/claude desktop config json windows %appdata%\\\claude\\\claude desktop config json …и отобразит файл в вашей файловой системе откройте файл конфигурации в любом текстовом редакторе на ваш выбор и добавьте конфигурацию ниже { "mcpservers" { "back4app" { "command" "npx", "args" \[ " y", "@back4app/mcp server back4app\@latest", " account key", "\<account key>" ] } } } замените \<account key> на ваш ключ учетной записи, сохраните файл и перезапустите рабочий стол claude если вы следуете этому руководству на машине с windows, измените значение ключа команды на npx cmd с этими конфигурациями вы готовы начать создание вашего бэкенда back4app с сервером back4app mcp и рабочим столом claude создание бэкенда с помощью claude desktop чтобы создать бэкенд проекта, описанного ранее, вам нужно создать новое приложение на back4app и в приложении создать соответствующие таблицы базы данных вы можете достичь этого, используя claude desktop и подсказку ваша подсказка должна инструктировать claude создать новое приложение под названием “личный трекер расходов”, определить четыре класса mongodb ( user, category, expense и monthlysummary) с необходимыми полями, отношениями указателей, значениями по умолчанию и контролем доступа, а также встроить хуки cloud code, которые обновляют ежемесячные сводки всякий раз, когда изменяется расход, блокируют несанкционированные записи и предотвращают дублирование имен категорий для пользователя пример подсказки, которая достигает этого, приведен ниже create a new back4app app named “personal expense tracker” class \\\\ user email string, required, unique passwordhash string, required monthlybudget number, required, default 0 (smallest currency unit) add a unique index on email class category user pointer<\\\\ user>, required (owner) name string, required acl public read, owner write add a compound unique index on {user, name} class expense user pointer<\\\\ user>, required category pointer\<category>, optional amount number, required currency string (length 3), required, default “usd” spentat date, required note string, optional isdeleted boolean, required, default false acl public read, owner write add indexes on {user, spentat} and {user, isdeleted} class monthlysummary user pointer<\\\\ user>, required month date, required (store the first day of the month) totalspent number, required acl public read, owner write add a unique index on {user, month} cloud code 1\ aftersave on expense if isdeleted is false, upsert the matching monthlysummary row (month = first day of spentat) and increment totalspent by amount if an expense is soft deleted (isdeleted toggled to true), decrement totalspent accordingly 2\ beforesave on expense reject writes when the authenticated user is not equal to user 3\ beforesave on category enforce the per user unique {user, name} combination create all classes, fields, indexes, clps, and cloud code hooks exactly as specified когда вы отправите подсказку, вы получите серию всплывающих окон от claude с просьбой разрешить выполнение конкретных задач, таких как создание приложения всплывающие окна предоставляют возможность просмотреть и авторизовать каждое потенциально необратимое действие, такое как создание нового приложения или добавление классов, гарантируя, что ничего не будет развернуто, выставлено на счет или раскрыто без вашего явного согласия они служат защитой от случайных изменений, обеспечивая вам контроль над вашими ресурсами back4app затем реализуйте аутентификацию пользователей в вашем приложении, дав claude серию подсказок, которые инструктируют его добавить функции облачной аутентификации на основе токенов для регистрации и входа, удалить публичный доступ к классу user, оставить публичное чтение, но запись только для владельца в category, expense и monthlysummary, и создать охранники beforesave, которые отклоняют любую запись, когда запрос не аутентифицирован список примерных подсказок для каждой функциональности приведен ниже регистрация update the back4app application “personal expense tracker” to include a cloud code function called signupuser inputs email, password, monthlybudget (optional, default 0) if a user with the same email already exists, throw an error otherwise create the user record with those values and return the session token эта подсказка создает облачный код для регистрации вход в систему update the back4app application “personal expense tracker” to include a cloud code function called loginuser inputs email, password call parse user login with those credentials and return the session token on success эта подсказка создает соответствующий вход для облачного кода разрешения на уровне класса update class level permissions for the personal expense tracker \ keep public read but owner only write on category, expense, and monthlysummary эта подсказка гарантирует, что только владельцы category, expense и monthly summary могут их изменять выполнение этих подсказок завершает всю вашу логику на стороне сервера в следующем разделе вы создадите интерфейс для вашего бэкенда генерация фронтенда поскольку claude создал ваш бэкенд на back4app, он помнит, как выглядит схема и ответы воспользовавшись этим контекстом, вы можете попросить его создать интерфейс, который соответствует схеме созданного приложения пример запроса приведен ниже generate a minimal frontend that matches the schema and implements all the functionality of the personal expense tracker on my back4app account and connect the frontend to the backend using the javascript parse sdk вы должны получить полный интерфейс скопируйте предоставленный код в ide, такую как vs code, и загрузите код на github в следующем разделе вы развернете свой фронтенд на контейнерах back4app развертывание вашего приложения на контейнерах back4app контейнеры back4app позволяют вам легко развертывать ваши приложения, используя dockerfile и репозиторий github чтобы развернуть ваше приложение на контейнерах back4app, вам сначала нужно включить dockerfile в ваш репозиторий вы можете попросить клода сгенерировать его, используя подсказку ниже generate a docker file for the ui of my personal expense tracker или вы можете использовать предоставленный ниже dockerfile \# start from the official lightweight nginx alpine image from nginx\ alpine \# remove default content run rm rf /usr/share/nginx/html/ \# copy your static site (html, css, assets) into the container copy /src /usr/share/nginx/html/ \# expose port 80 expose 80 \# start nginx in the foreground cmd \["nginx", " g", "daemon off;"] после добавления dockerfile и его отправки на github, перейдите на панель управления вашими приложениями back4app, нажмите на панель управления и выберите платформа веб развертывания на странице развертывания нажмите кнопку “развернуть веб приложение” и предоставьте back4app доступ к репозиторию, который вы хотите развернуть выберите приложение, которое вы хотите развернуть, заполните детали развертывания и нажмите кнопку развернуть нажатие на кнопку запускает процесс развертывания, и после его завершения вы получите живую ссылку на приложение вы можете просмотреть живой личный трекер расходов, созданный в этом учебнике, используя эту ссылку заключение в этой статье вы создали приложение, которое отслеживает ваши расходы, используя сервер back4app mcp и claude, а затем развернули его с помощью контейнеров back4app это демонстрирует полный набор инструментов back4app, который позволяет вам создавать приложения от идеи до запуска с минимальными затратами в качестве следующего шага вы можете расширить проект такими функциями, как шаблоны повторяющихся расходов, импорт csv или push уведомления о превышении бюджета все эти улучшения естественно вписываются в тот же рабочий процесс back4app определите новые классы или облачные функции с помощью claude, защитите их с помощью хуков beforesave и разверните обновления через контейнеры back4app этот подход позволяет вам улучшать ваше приложение, не нарушая работу пользователей и не меняя провайдеров хостинга