https://github.com/sorokin0andrey/react-native-google-pay

React Native bridge for Google Pay
https://github.com/sorokin0andrey/react-native-google-pay

Last synced: 28 days ago
JSON representation

React Native bridge for Google Pay

• Host: GitHub
• URL: https://github.com/sorokin0andrey/react-native-google-pay
• Owner: sorokin0andrey
• Created: 2019-06-13T13:55:01.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-12-05T12:26:01.000Z (6 months ago)
• Last Synced: 2024-04-16T12:31:51.624Z (about 1 month ago)
• Language: Java
• Size: 1.79 MB
• Stars: 101
• Watchers: 6
• Forks: 51
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Lists

• awesome-react-native - react-native-google-pay ★2 - Accept Payments with Google Pay for React Native apps. (Components / Monetization)

README

        

# react-native-google-pay

[![react-native version](https://img.shields.io/badge/react--native-0.41-0ba7d3.svg?style=flat-square)](https://github.com/facebook/react-native/releases/tag/v0.41.0)

![npm](https://img.shields.io/npm/dw/react-native-google-pay.svg?style=flat-square)

[![npm (tag)](https://img.shields.io/npm/v/react-native-google-pay/latest.svg?style=flat-square)](https://github.com/busfor/react-native-google-pay/tree/master)

Accept Payments with Google Pay for React Native apps.







---

## Versions

| 1.x              | 2.x              |

| ---------------- | -------------    |

| Android support  | AndroidX support  |

## Getting started

`$ yarn add react-native-google-pay`

## Linking 

### >= 0.60

Autolinking will just do the job.

### < 0.60

### Mostly automatic installation

`$ react-native link react-native-google-pay`

### Manual installation

#### Android

1. Open up `android/app/src/main/java/[...]/MainActivity.java`

  - Add `import com.busfor.RNGooglePayPackage;` to the imports at the top of the file

  - Add `new RNGooglePayPackage()` to the list returned by the `getPackages()` method

2. Append the following lines to `android/settings.gradle`:

  	```

  	include ':react-native-google-pay'

  	project(':react-native-google-pay').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-google-pay/android')

  	```

3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:

  	```

      implementation project(':react-native-google-pay')

  	```

### Enable Android Pay in your Manifest

To enable Google Pay in your app, you need to add the following Google Pay API meta-data element to the `` element of your project's AndroidManifest.xml file.

```xml

```

## Usage

```javascript

import { GooglePay } from 'react-native-google-pay';

const allowedCardNetworks = ['VISA', 'MASTERCARD'];

const allowedCardAuthMethods = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];

const requestData = {

  cardPaymentMethod: {

    tokenizationSpecification: {

      type: 'PAYMENT_GATEWAY',

      // stripe (see Example):

      gateway: 'stripe',

      gatewayMerchantId: '',

      stripe: {

        publishableKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx',

        version: '2018-11-08',

      },

      // other:

      gateway: 'example',

      gatewayMerchantId: 'exampleGatewayMerchantId',

    },

    allowedCardNetworks,

    allowedCardAuthMethods,

  },

  transaction: {

    totalPrice: '10',

    totalPriceStatus: 'FINAL',

    currencyCode: 'USD',

  },

  merchantName: 'Example Merchant',

};

// Set the environment before the payment request

GooglePay.setEnvironment(GooglePay.ENVIRONMENT_TEST);

// Check if Google Pay is available

GooglePay.isReadyToPay(allowedCardNetworks, allowedCardAuthMethods)

  .then((ready) => {

    if (ready) {

      // Request payment token

      GooglePay.requestPayment(requestData)

        .then((token: string) => {

          // Send a token to your payment gateway

        })

        .catch((error) => console.log(error.code, error.message));

    }

  })

```

## Demo

You can run the demo by cloning the project and running:

`$ yarn demo`