In this repository, you can find an example how we integrated paypal-commercetools-client and paypal-commercetools-connector in CoFe. This is not a standalone application, we only show here the changes that we applied to commercetools frontend to integrate with the PayPal connector.
The working demo of the integration can be seen at https://poc-mediaopt2.frontend.site/.
For installation and usage of the commercetools frontend please refer to commercetools official documentation. For installation and usage of the PayPal connector and client please refer to the paypal-commercetools-client and paypal-commercetools-connector documentation.
This project strictly follows the folder structure of the commercetools frontend. The client is installed at the frontend (client side) via npm and the API required for its functioning are developed at the backend (server side). The developed API communicates the commercetools. Please see also the Architecture diagram of the connector.
The changes at the frontend are:
- at the actions the actions were developed to communicate with commercetools backend and through it with commercetools and connector (see also commercetools Frontend API's documentation.
- at the provider the content providers for PayPal payment and settings were developed.
- at the components several components and helpers were developed or modified to properly process the PayPal payments and host PayPal client components.
The changes at the backend are:
- in actionControllers the controllers PayPalController and SettingsController were developed. They are responsible for properly handling the requests from the frontend and preparing the required data to communicate with the connector.
- in apis the PaymentApi and SettingsApi were developed. These API obtain the data from the corresponding controller and actually communicate with commercetools.