|
| 1 | +# Installation |
| 2 | + |
| 3 | +Module compatible with both Adobe Commerce SaaS and PaaS. |
| 4 | + |
| 5 | +## Prerequisites |
| 6 | + |
| 7 | +- Node.js 20+ |
| 8 | +- Adobe I/O CLI (`npm install -g @adobe/aio-cli`) |
| 9 | + |
| 10 | +## Adobe Console preparation |
| 11 | + |
| 12 | +Go to [Adobe Developer Console](https://developer.adobe.com) and create a new project from the "App Builder" template. |
| 13 | + |
| 14 | +Adding a service "Adobe Commerce as a Cloud Service" is necessary for generating OAuth Server-to-Server credentials. |
| 15 | + |
| 16 | +## Installation |
| 17 | + |
| 18 | +- Clone the repository / download the zip |
| 19 | +- Run `npm install` for installing dependencies |
| 20 | + |
| 21 | +## Environment variables |
| 22 | + |
| 23 | +- Rename default `env.dist` to `.env` for storing environment variables |
| 24 | + |
| 25 | +### Adobe Commerce SaaS  |
| 26 | + |
| 27 | +Go to your project in the Adobe Developer console, and copy-paste the OAuth credentials into `.env` config as they are: |
| 28 | + |
| 29 | +```env |
| 30 | +OAUTH_CLIENT_ID= |
| 31 | +OAUTH_CLIENT_SECRETS= |
| 32 | +OAUTH_TECHNICAL_ACCOUNT_EMAIL= |
| 33 | +OAUTH_TECHNICAL_ACCOUNT_ID= |
| 34 | +OAUTH_SCOPES= |
| 35 | +OAUTH_IMS_ORG_ID= |
| 36 | +``` |
| 37 | + |
| 38 | +### Adobe Commerce PaaS  |
| 39 | + |
| 40 | +Create an integration in Adobe Commerce on `System > Integrations` (preferably with all permissions) and fill in the |
| 41 | +credentials into `.env` config: |
| 42 | + |
| 43 | +```env |
| 44 | +COMMERCE_CONSUMER_KEY= |
| 45 | +COMMERCE_CONSUMER_SECRET= |
| 46 | +COMMERCE_ACCESS_TOKEN= |
| 47 | +COMMERCE_ACCESS_TOKEN_SECRET= |
| 48 | +``` |
| 49 | + |
| 50 | +Once you've finished with credentials, you have to connect your project in the Adobe Developer Console with your App |
| 51 | +Builder application by running the following commands: |
| 52 | + |
| 53 | +```shell |
| 54 | +aio login |
| 55 | +aio console org select |
| 56 | +aio console project select |
| 57 | +aio console workspace select |
| 58 | +aio app use --merge |
| 59 | +``` |
| 60 | + |
| 61 | +Last step, you have to register your App Builder namespace in our external backoffice and generate a JWT token: |
| 62 | + |
| 63 | +```shell |
| 64 | +npm run onboarding |
| 65 | +``` |
| 66 | + |
| 67 | +## Deploy the app |
| 68 | + |
| 69 | +Congratulations! You're all set for deploying your app. |
| 70 | + |
| 71 | +```shell |
| 72 | +aio app deploy |
| 73 | +``` |
| 74 | + |
| 75 | +## Admin UI SDK and enabling in Adobe Commerce |
| 76 | + |
| 77 | +As our app is using Admin UI SDK for extending the admin panel, please be sure to enable it in your Adobe Commerce. |
| 78 | + |
| 79 | +- Go to `System > Configuration > Adobe Services > Admin UI SDK` |
| 80 | +- Enable Admin UI SDK from `General configuration` |
| 81 | +- Click `Configure extensions` and be sure your extension is listed and checked |
| 82 | +- `Refresh registrations` for clearing the cache |
| 83 | + |
| 84 | +Enjoy! |
0 commit comments