Skip to content

alinmbb/adyen-web

 
 

Repository files navigation

Adyen Web

npm

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

  1. Install the Adyen Web Node package:
npm install @adyen/adyen-web --save
  1. Import Adyen Web into your application:
import AdyenCheckout from '@adyen/adyen-web';
import '@adyen/adyen-web/dist/adyen.css';

Using a <script> tag

You can also import Adyen Web using a <script> tag, as shown in the Web Components integration guide.

Development

To run the development environment:

  1. Clone this repository.
  2. Create a .env file on your project's root folder following the example in env.default and fill in the environment variables.
  3. Install the dependencies by running:
yarn install
  1. Run the development environment, which starts a server listening on http://localhost:3020:
yarn start

Contributing

We merge every pull request into the master branch. We aim to keep master in good shape, which allows us to release a new version whenever we need to.

Have a look at our contributing guidelines to find out how to raise a pull request.

See also

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.

About

Adyen Web Drop-in and Components

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 66.0%
  • JavaScript 25.5%
  • SCSS 4.7%
  • HTML 3.8%