Интеграция API Mailchimp в приложении Vite React

Этот руководство объясняет, как интегрировать API Mailchimp в приложение Vite React для автоматизации стратегий электронной почты. Интеграция включает создание формы, которая вызывает вызов API Mailchimp при нажатии пользователем кнопки отправки. Предварительные требования для этого руководства включают базовое понимание React, Node.js и Vite, а также учетную запись Mailchimp. Предлагаемая структура папок разделяет frontend (приложение Vite React) и backend (сервер Node.js) на две отдельные директории. Чтобы начать, вам нужно получить ключ API Mailchimp, идентификатор списка и префикс сервера из вашей учетной записи Mailchimp. Далее вы устанавливаете отдельный проект Node.js в директории backend и устанавливаете необходимые пакеты, включая express, @mailchimp/mailchimp_marketing, dotenv и cors. Код backend создает конечную точку для обработки отправки форм и делает вызов API Mailchimp для добавления нового участника списка. На frontend вы создаете функцию для обработки отправки форм и делаете POST-запрос на конечную точку backend. Наконец, вы устанавливаете переменные среды в файле .env и запускаете оба сервера с помощью concurrently.