Google Pay on Android without the SDK

To learn how to integrate Google Pay we recommend following Google’s tutorial. The steps below will highlight any differences and specifics for our API.

​

Set gateway and merchant ID

In step 2 of Google’s tutorial you are instructed to request a payment token for your provider. In our case, the value for gateway needs to be set to gr4vy, and the value of gatewayMerchantId needs to be set to app.gr4vy.sandbox.[gr4vy_id].[merchant_account_id] for your sandbox environment, and app.gr4vy.[gr4vy_id].[merchant_account_id] in production.

private static JSONObject getGatewayTokenizationSpecification() throws JSONException {
    return new JSONObject() {{
            put("type", "PAYMENT_GATEWAY");
            put("parameters", new JSONObject() {{
            put("gateway", "gr4vy");
            put("gatewayMerchantId", "app.gr4vy.sandbox.example.default");
        }});
    }};
}

​

Create a transaction

In step 9 of Google’s tutorial, you will have a paymentData that needs to be sent to the gateway. You can send this object to our POST /transactions endpoint either directly or via your server.

The payment method used needs to contain the data from the Google Pay payload.

{
  "amount": 1299,
  "currency": "AUD",
  "country": "AU",
  "payment_method": {
    "method": "googlepay",
    "token": "[paymentData.paymentMethodData.tokenizationData.token]",
    "card_suffix": "[paymentData.paymentMethodData.info.cardDetails]", 
    "card_scheme": "[paymentData.paymentMethodData.info.cardNetwork]",
    "redirect_url": "https://example.com/callback"
  }
}

In React Native you can use any Google Pay integration, together with your merchant identifier. One of the easiest solutions is to use a library like React Native Google Pay to get a Google Pay token.

On initialization, any of these libraries will require you to set the Google Pay merchant identifier and our gateway ID. You should set the gateway value to gr4vy and the gatewayMerchantId to your environment, e.g. app.gr4vy.sandbox.[gr4vy_id].[merchant_account_id].

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

const allowedCardNetworks = ['VISA', 'MASTERCARD'];
const allowedCardAuthMethods = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];

const requestData = {
  cardPaymentMethod: {
    tokenizationSpecification: {
      type: 'PAYMENT_GATEWAY',
      gateway: 'gr4vy',
      gatewayMerchantId: 'app.gr4vy.sandbox.example.default',
    },
    allowedCardNetworks,
    allowedCardAuthMethods,
  },
  transaction: {
    totalPrice: '10',
    totalPriceStatus: 'FINAL',
    currencyCode: 'AUD',
  },
  merchantName: 'Example Merchant',
};

// Set the environment before the payment request
GooglePay.setEnvironment(GooglePay.ENVIRONMENT_TEST);

Once the user has approved the payment, your application will receive a Google Pay token from the library.

You can pass this library to our server for processing.

GooglePay.requestPayment(requestData)
    .then((token: string) => {
      return fetch('https://api.example.gr4vy.app/transactions', {
      method: 'POST',
      headers: {
        "Authorization": "Bearer [TOKEN]"
      },
      body: {
        amount: 1299,
        currency: "AU",
        currency: "AUD",
        payment_method: {
          method: "googlepay",
          token: token,
          redirect_url: 'https://example.com/callbacl'
        }
      }
    })
    .then(res => res.json())
    .then(successHandler)
    .catch(errorHandler)
    })
    .catch((error) => console.log(error.code, error.message));