Payment request API implementation in Polymer
npm install payment-request
Payment Request API web component build with using Polymer. You can take a look the demo page to see how it works.
Note: It isn't supported by all browser, check Payment Request API browser support.
Install the component using Bower:
``sh`
$ bower install payment-request --save
Or download as ZIP.
1. Import Web Components' polyfill and Payment Request API shim:
`html`
2. Import Custom Elements:
`html`
3. Start using it!
`html`
4. Validate payment data and complete payment request.
`javascript`
function onLastResponseChange(evt) {
var paymentResponse = evt.detail.value;
// Make your request to server for a real purchase.
// Complete the paymnet.
// More info: https://www.w3.org/TR/payment-request/#complete-method
paymentResponse.complete('success');
}
var paymentRequestElement = document.querySelector('payment-request');
paymentRequestElement.addEventListener('last-response-change', onLastResponseChange);
First, make sure you have the polymer-serve installed and serve the component:
``
$ polyserve --protocol https/1.1
``
$ polymer test
Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.
1. Fork it!
2. Create your feature branch: git checkout -b my-new-featuregit commit -am 'Add some feature'
3. Commit your changes: git push origin my-new-feature`
4. Push to the branch:
5. Submit a pull request :D
- Payment Request API
-
Payment Request API: an Integration Guide