Adyen online payment integration demos
Run this integration in seconds using Gitpod
- Open your Adyen Test Account and create a set of API keys.
- Go to gitpod account variables.
- Set the
ADYEN_API_KEY
,ADYEN_CLIENT_KEY
,ADYEN_HMAC_KEY
andADYEN_MERCHANT_ACCOUNT variables
. - Click the button below!
NOTE: To allow the Adyen Drop-In and Components to load, you have to add gitpod.io as allowed origin for your chosen set of API Credentials
This repository includes examples of PCI-compliant UI integrations for online payments with Adyen. Within this demo app, you'll find a simplified version of an e-commerce website, complete with commented code to highlight key features and concepts of Adyen's API. Check out the underlying code to see how you can integrate Adyen to give your shoppers the option to pay with their preferred payment methods, all in a seamless checkout experience.
Ruby on Rails demos of the following client-side integrations are currently available in this repository:
Each demo leverages Adyen's API Library for Ruby (GitHub | Docs). See app/models/checkout.rb for payment methods.
Ruby 3.1.1+
- Clone this repo:
git clone https://github.com/adyen-examples/adyen-rails-online-payments.git
- Navigate to the root directory and install dependencies:
bundle install
- Update /config/local_env.yml with your API key, Client Key - Remember to add
http://localhost:8080
as an origin for client key, and merchant account name (all credentials are in string format):
PORT: "8080"
ADYEN_HMAC_KEY: "YOUR_HMAC_KEY_HERE"
ADYEN_API_KEY: "YOUR_API_KEY_HERE"
ADYEN_MERCHANT_ACCOUNT: "YOUR_MERCHANT_ACCOUNT_HERE"
ADYEN_CLIENT_KEY: "YOUR_CLIENT_KEY_HERE"
- Start the rails server (and run any migrations if prompted):
bundle exec rails s
- Visit http://localhost:8080/ (app/views/checkouts/index.html.erb) to select an integration type.
To try out integrations with test card numbers and payment method details, see Test card numbers.
We commit all our new features directly into our GitHub repository. Feel free to request or suggest new features or code changes yourself as well!
MIT license. For more information, see the LICENSE file in the root directory.
Find out more in our Contributing guidelines.