This is a simple one page site designed to show you how to request and handle Apple Pay payments on the web. With Apple Pay you can offer customers an easy, secure, and private way to pay in Safari on both macOS and iOS.
Apple Pay on the web consists of both a client-side and server-side component. You request payment on the client, and validate yourself as a merchant on your web server. This node.js example shows you how to carry out both the payment request and the merchant validation.
This example is a self-contained project that uses node.js and Express to run a small web server. If you don't have Node installed you can download a pre-built installer from https://nodejs.org, or obtain it through a suitable package manager.
Apple Pay requires a merchant identifier and two certificates - a session certificate and a rewrap certificate. The merchant identifier uniquely identifies you as an Apple Pay merchant. The rewrap certificate is used to encrypt your Apple Pay payments, and the session certificate is used to authenticate your website.
Create your Apple Pay merchant identifier at https://developer.apple.com, and register your web domain against it. Convert your session certificate and key to PEM format, and place it in this example's Emporium/certificates directory.
Apple Pay requires your site to be hosted over HTTPS. Generate your SSL certificate, and place the certificate and key in this example's Emporium/certificates directory.
First, install all the required dependencies by running the following command from the Emporium directory:
npm install
Then, start the example:
npm start
A number of resources are available to help you with Apple Pay.
- Apple Pay Developer Site - https://developer.apple.com/apple-pay/
- Apple Pay on the web WWDC Session Video - https://developer.apple.com/videos/play/wwdc2016/703/
- Apple Pay Domain Verification - https://developer.apple.com/support/apple-pay-domain-verification/
This example is written in ES6. The server-side code is transpiled using Babel, but since the latest version of Safari supports ES6 natively the client-side code is not.
Copyright (C) 2016 Apple Inc. All rights reserved.