tnguyen14 / web-payments-example Goto Github PK

View Code? Open in Web Editor NEW

32.0 6.0 10.0 1.1 MB

Demo for Payment Request API and Apple Pay for the Web API

Home Page: https://lab.tridnguyen.com/web-payments-example

HTML 22.87% CSS 25.31% JavaScript 51.82%

apple-pay payment-request

web-payments-example's Introduction

Web Payments Example

Demo for Payment Request API and Apple Pay for the Web https://lab.tridnguyen.com/web-payments-example/.

To see Payment Request API, use Chrome on Android version 53 or later.

To see Apple Payfor the Web in action, use Safari on iOS 10 or macOS Sierra (please note that you'd need to have Apple Pay enabled on your phone, and "Allow Payments on Mac" enabled for desktop use).

Set up Apple Pay merchant account

If you'd like to have your own instance of this running, follow the steps below:

Create an Apple Developer Account (at https://developer.apple.com)
Create a Merchant ID (see Configuring Your Environment)

To generate the Payment Processing Certificate on your own, run the following steps
```
openssl ecparam -out private.key -name prime256v1 -genkey
openssl req -new -sha256 -key private.key -nodes -out request.csr
```
In the "Apple Pay on the Web" section, "Add Domain" under "Merchant Domains" and follow the instruction to verify your domain ownership
Under "Apple Pay Merchant Identity", click on "Create Certificate".
In order to create the Certificate Signing Request(CSR), run the following command (make sure you have openssl installed).
```
openssl req -sha256 -nodes -newkey rsa:2048 -keyout applepaytls.key -out applepaytls.csr
```
Upload the applepaytls.csr file to the File Upload in the Apple Developer portal.
Store the applepaytls.key file to the server/resources directory.
With the merchant_id.cer file received from Apple, run the following command to generate a .pem file.
```
openssl x509 -inform der -in merchant_id.cer -out applepaytls.pem
```
Store the applepaytls.pem file to the server/resources directory.
Start the application
```
npm start
```

web-payments-example's People

Contributors

Stargazers

Watchers

Forkers

vjzid venturesoft afloesch erkabyte condemane nuhamozaini hl-dt princescar alexandereric995 brunoscaglione

web-payments-example's Issues

What is PSP_USERNAME

What is PSP_USERNAME ,PSP_PASSWORD, PSP stands for

Payment sheet closes with "payment not completed" message

Hi and thanks for this project.

After downloading the latest version of iOS10 beta, the payment sheet is being closed with a "payment not completed" message.
It happened on https://lab.tridnguyen.com/apple-pay-web-example/, not on a local machine.
Any idea why? has something changed with the new iOS version?

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Payments possibilities

Hi, I looked at your examples. And on mobile phone it is pretty impressive.

I have some questions about apple pay.
Is that possible to request "only" payment and send later the payment request ? I would like to charge my users depending of a time of consumption of my service but be sure that users will pay.

Another point how can I modify the return URL ? Is that possible to let access of the "final" page until a payment is active ?

Many thanks for that previsions and for your formidable works.

forever start server/index.js && forever logs -f 0

Hi, thanks for your project,

Please kindly help, what's wrong ?

[email protected] start /var/www/html/apple-pay-web-example
forever start server/index.js && forever logs -f 0

sh: forever: команда не найдена
npm ERR! [email protected] start: forever start server/index.js && forever logs -f 0
npm ERR! sh "-c" "forever start server/index.js && forever logs -f 0" failed with 127
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the apple-pay-web-example package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! forever start server/index.js && forever logs -f 0
npm ERR! You can get their info via:
npm ERR! npm owner ls apple-pay-web-example
npm ERR! There is likely additional logging output above.

npm ERR! System Linux 2.6.32-042stab116.2
npm ERR! command "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! cwd /var/www/html/apple-pay-web-example
npm ERR! node -v v0.10.4
npm ERR! npm -v 1.2.18
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /var/www/html/apple-pay-web-example/npm-debug.log
npm ERR! not ok code 0

ApplePay Sandbox test account

Thanks for putting this example together. I stumbled upon it while troubleshooting my own implementation of ApplePay. Does https://lab.tridnguyen.com/apple-pay-web-example/ work with the ApplePay Sandbox? The ApplePay UI appears and disappears quickly on iPhone 7 (10.0.3) with my iTunes Connect acct.

Thanks!

Demo returns 404

https://lab.tridnguyen.com/web-payments-example/

Apple Pay buttons should not be rendered unless supported

Viewing the deployed application in Chrome on Windows 10 shows lots of empty black buttons.

The Apple Pay buttons should only be rendered if the browser supports ApplePaySession.

Not able to run

Hi,

I am trying to run this project on Azure site. I have followed the instructions from ReadMe.Md file and deployed the code to azure. I also ran the 'npm start' commend on the same directory where the code is deployed in azure through DebugConsole. but it is showing errors.

Also, when i am clicking on the "Apple Pay" button (below sunglass), the action sheet is showing up for 3-4 seconds and getting minimized in 3-4 seconds without any reason. Action sheet is showing Processing icon but now moving further.

Is there a need to change the env file? what all other changes i need to do in which files? Can you share some sample values?