e71f456521
The blog post talks about why Adyen open-sourced the web integration in more detail than the content in the Rationale section.
2.9 KiB
Adyen Web
Adyen Web provides you with the building blocks to create a checkout experience for your shoppers, allowing them to pay using the payment method of their choice.
You can integrate with Adyen Web in two ways:
- Web Drop-in: an all-in-one solution, the quickest way to accept payments on your website.
- Web Components: one Component per payment method and combine with your own payments form logic.
Prerequisites
Installation
We only provide full support when you use one of these methods of installation.
Node package manager
- Install the Adyen Web Node package:
npm install @adyen/adyen-web --save
- Import Adyen Web into your application:
import AdyenCheckout from '@adyen/adyen-web';
import '@adyen/adyen-web/dist/adyen.css';
Using a <script> tag
Modifications to the code base should be made via a pull request or by creating an issue.
You can also import Adyen Web using a <script> tag, as shown in the Web Components integration guide.
Development environment
Follow these steps to run our development playground:
- Clone this repository and navigate to the root of the project.
- Create a
.envfile on your project's root folder following the example on.env.defaultand fill in the necessary environment variables. - Install all dependencies by running:
yarn install
- Start the development playground. This will start a local server on http://localhost:3020.
yarn start
Branch organization
See also
We merge every pull request to the master branch. We aim to keep master in good shape, which allows us to release a new version whenever we need to.
- Why we open sourced Adyen Web
- Complete documentation for Adyen Web
- API Explorer
- Adyen Components JS Sample Code
Support
If you have a feature request, or spotted a bug or a technical problem, create an issue here. For other questions, contact our support team.
License
This repository is available under the MIT license.