Привет, люди, сегодня в этой статье я собираюсь показать вам интеграцию платежного шлюза с использованием реакции (стек внешнего интерфейса) и nodejs (стек внутреннего интерфейса).
Мы собираемся реализовать интеграцию полосового платежного шлюза с помощью react и node.
Итак, теперь давайте приступим к быстрой настройке узла и реагируем. Нет никаких особых системных требований, так как вы можете сделать это в Windows, Mac и Ubuntu, но есть некоторые версии, о которых вам нужно будет позаботиться.
Во-первых, мы говорим об узле, поэтому, если узел не установлен в вашей системе, вы можете загрузить и установить его с https://nodejs.org/en/download/ для windows, mac и ubuntu. , вы получите варианты для разных ОС.
После установки узла мы собираемся создать бэкэнд-каталог и настроить бэкэнд проекта. Откройте терминал и нажмите следующие команды
mkdir stripe-backend npm init
После нажатия «npm init» вы получите следующие конфигурации
package name: (stripe-backend) version: (1.0.0) main:index.js description: git repository: keywords: Author: license: (ISC)
и после завершения настройки в вашем внутреннем репозитории (stripe-backend) будут созданы файлы package.json и index.js. после создания package.json и index.js вам нужно будет запустить команду «npm install» в внутреннем каталоге (stripe-backend) для зависимостей узла и пакета.
Примечание. Для узла index.js является основным файлом
Настройка бэкэнда (nodejs) завершена, переход к настройке внешнего интерфейса (responsejs).
В ответ мы можем создать каталог проекта, используя команду ниже
npx create-react-app project-repo-name npx create-react-app stripe-frontend
После установки убедитесь, что в каталоге проекта у вас есть папки, перечисленные ниже.
public src package-lock.json package.json
Если по какой-то причине вы не видите указанные выше папки после установки каталога проекта, перейдите по этой ссылке (https://github.com/facebook/create-react-app/issues/8088).
Я надеюсь, что ваши установки и настройки будут успешно завершены. в следующем блоге мы начнем нашу часть кодирования.
Пожалуйста, дайте мне знать, если у вас возникнут какие-либо проблемы, вы можете написать мне на «[email protected]».