Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohamedsamara/react-stripe-apple-pay
React Stripe Apple Pay
https://github.com/mohamedsamara/react-stripe-apple-pay
apple-pay react stripe zustand
Last synced: about 1 month ago
JSON representation
React Stripe Apple Pay
- Host: GitHub
- URL: https://github.com/mohamedsamara/react-stripe-apple-pay
- Owner: mohamedsamara
- License: mit
- Created: 2022-05-10T03:22:37.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-05-12T04:16:02.000Z (over 2 years ago)
- Last Synced: 2024-11-09T05:42:33.658Z (3 months ago)
- Topics: apple-pay, react, stripe, zustand
- Language: TypeScript
- Homepage:
- Size: 3.55 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Node TypeScript
This project is boostrapped with [react-node-typescript](https://github.com/mohamedsamara/react-node-typescript)
# Description
-
This project is a template example of React, Stripe and Apple Pay.
- Libraries Used
- [Node](https://nodejs.org/en/)
- [Express](https://expressjs.com/)
- [React](https://reactjs.org/)
- [Zustand](https://github.com/pmndrs/zustand)
- [Stripe](https://stripe.com/)
## Quick start
1. Clone this repo using `git clone https://github.com/mohamedsamara/react-stripe-apple-pay.git`
2. Move to the directory: `cd `.
3. Run `yarn install` in order to install dependencies.
## Start development
```
$ yarn run dev
```
## Simple build for production
```
$ yarn build
```
## Run build for production
```
$ yarn start
```
### Prerequisites to see the Apple Pay Button
1. Download [domain association file](https://stripe.com/files/apple-pay/apple-developer-merchantid-domain-association) and host it at unders .well-known directory
2. Download ngrok on your machine to run the website on HTTPS
3. Register the ngrok domain with apple on [stripe tab](https://dashboard.stripe.com/settings/payments/apple_pay)
### Run ngrok
Run ngrok http 8080
OR
ngrok http 8080 -host-header="localhost:8080"
ngrok http --host-header=rewrite 8080