Привет, люди, сегодня в этой статье я собираюсь показать вам интеграцию платежного шлюза с использованием реакции (стек внешнего интерфейса) и 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]».