Gitpod is an open-source developer platform which runs your developer environment workspace in your browser.
We've set up gitpod.yml
-files in each of our integration-examples that allows you to spin-up any repository with one button click.
Are you running the Adyen sample applications on Gitpod for the first time? Follow the steps below, you'll only need to do this once.
- Make sure you have an Adyen Test Account and create the API keys
- Go to Gitpod environment variables
- Set the
ADYEN_API_KEY
,ADYEN_CLIENT_KEY
,ADYEN_HMAC_KEY
andADYEN_MERCHANT_ACCOUNT
environment variables (see below)- In the React sample app, the
ADYEN_CLIENT_KEY
should beREACT_ADYEN_CLIENT_KEY
instead - In the In-person Payments example, please include the terminal
ADYEN_POS_POI_ID
as environment variable - In the Adyen for Platforms sample app, please include
ADYEN_BCL_API_KEY
andADYEN_LEM_API_KEY
(API keys) as environment variables
- In the React sample app, the
- Add
https://*.gitpod.io
as allowed origin in the Customer Area using your API Credentials to make sure the UI can load the Drop-in and Components - The URL of the running application on Gitpod should look like:
https://8080-myorg-myrepo-y8ad7pso0w5.ws-eu75.gitpod.io/
- Notice the port-number at the beginning of the URL
Do you need to update the HMAC key or another environment variable? Is your application already running on Gitpod?
- In the Gitpod terminal, stop the application (
Ctrl + C
) - Set the environment variable in the terminal
gp env ADYEN_HMAC_KEY=ASDEW##############
- Update the environment variables in the terminal
eval $(gp env -e)
- Restart the application in the terminal (e.g.
dotnet run
,./gradlew bootRun
,npm run dev
etc.) or recreate the Gitpod workpace