-
Notifications
You must be signed in to change notification settings - Fork 67
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a150c33
commit 7f34519
Showing
52 changed files
with
3,654 additions
and
2,355 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,56 @@ | ||
<?php | ||
|
||
require_once ('../.././../vendor/autoload.php'); | ||
|
||
use GlobalPayments\Api\Entities\Enums\EncyptedMobileType; | ||
use GlobalPayments\Api\Entities\Enums\Environment; | ||
use GlobalPayments\Api\Entities\Enums\Channel; | ||
use GlobalPayments\Api\Entities\Enums\TransactionModifier; | ||
use GlobalPayments\Api\PaymentMethods\CreditCardData; | ||
use GlobalPayments\Api\ServiceConfigs\Gateways\GpApiConfig; | ||
use GlobalPayments\Api\ServicesContainer; | ||
use GlobalPayments\Api\Utils\Logging\Logger; | ||
use GlobalPayments\Api\Utils\Logging\SampleRequestLogger; | ||
|
||
$_POST = filter_input_array(INPUT_POST, FILTER_SANITIZE_STRING); | ||
|
||
/** | ||
* The Google Pay token. If you have any input filtering on $_POST, you will need | ||
* to use htmlspecialchars_decode, otherwise this will not be a valid JSON anymore | ||
* and the API will throw an error | ||
*/ | ||
$googlePayToken = htmlspecialchars_decode($_POST['googlePayToken']); | ||
|
||
/** | ||
* Replace the '\\' with '\' so the encoded characters won't be decoded. | ||
* If your code adds extra backslashes ('\') the the string, you will need to manipulate it | ||
* in order to look like the one from test/Integration/Gateways/GpApiConnector/GpApiDigitalWalletTest.php | ||
*/ | ||
$googlePayToken = str_replace('\\\\', '\\', $googlePayToken); | ||
|
||
$config = new GpApiConfig(); | ||
$config->appId = 'i872l4VgZRtSrykvSn8Lkah8RE1jihvT'; | ||
$config->appKey = '9pArW2uWoA8enxKc'; | ||
$config->environment = Environment::TEST; | ||
$config->channel = Channel::CardNotPresent; | ||
$config->requestLogger = new SampleRequestLogger(new Logger("logs")); | ||
|
||
ServicesContainer::configureService($config); | ||
|
||
$card = new CreditCardData(); | ||
$card->token = $googlePayToken; | ||
$card->mobileType = EncyptedMobileType::GOOGLE_PAY; | ||
|
||
try { | ||
$transaction = $card->charge('10') | ||
->withCurrency('GBP') | ||
->withModifier(TransactionModifier::ENCRYPTED_MOBILE) | ||
->execute(); | ||
|
||
echo '<b>Transaction successful, your transaction id is: </b>' . $transaction->transactionId; | ||
echo '<br />'; | ||
echo '<b>Transaction status: </b>' . $transaction->responseMessage; | ||
} catch (\Exception $e) { | ||
echo 'Failure: ' . $e->getMessage(); | ||
exit; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Global Payments Google Pay with GP-API example</title> | ||
<link rel="stylesheet" href="styles.css" /> | ||
<script defer src="main.js"></script> | ||
<script defer | ||
src="https://pay.google.com/gp/p/js/pay.js" | ||
onload="onGooglePayLoaded()"></script> | ||
</head> | ||
<body> | ||
<div id="container"></div> | ||
<p class="error hide">In order to process payments via Google Pay, please switch to HTTPS.</p> | ||
<form id="form" action="charge.php" method="POST"> | ||
<input type="hidden" id="googlePayToken" name="googlePayToken" /> | ||
</form> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,257 @@ | ||
/** | ||
* Config for Google Pay | ||
*/ | ||
const config = { | ||
googleMerchant: '12345678901234567890', // The Merchant id Provided by Google, it can be empty in Sandbox | ||
globalPaymentsMerchant: 'gpapiqa1', // The Merchant Id provided by Global Payments | ||
environment: 'TEST', | ||
countryCode: 'GB', | ||
currencyCode: 'GBP', | ||
amount: '10.00', | ||
buttonColor: 'black' | ||
} | ||
|
||
/** | ||
* Define the version of the Google Pay API referenced when creating your | ||
* configuration | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest} | ||
*/ | ||
const baseRequest = { | ||
apiVersion: 2, | ||
apiVersionMinor: 0 | ||
}; | ||
|
||
/** | ||
* Card networks supported by your site and your gateway | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters} | ||
* @todo confirm card networks supported by your site and gateway | ||
*/ | ||
const allowedCardNetworks = ["AMEX", "DISCOVER", "JCB", "MASTERCARD", "VISA"]; | ||
|
||
/** | ||
* Card authentication methods supported by your site and your gateway | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters} | ||
* @todo confirm your processor supports Android device tokens for your | ||
* supported card networks | ||
*/ | ||
const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"]; | ||
|
||
/** | ||
* Identify your gateway and your site's gateway merchant identifier | ||
* | ||
* The Google Pay API response will return an encrypted payment method capable | ||
* of being charged by a supported gateway after payer authorization | ||
* | ||
* @todo check with your gateway on the parameters to pass | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification} | ||
*/ | ||
const tokenizationSpecification = { | ||
type: 'PAYMENT_GATEWAY', | ||
parameters: { | ||
'gateway': 'globalpayments', | ||
'gatewayMerchantId': config.globalPaymentsMerchant | ||
} | ||
}; | ||
|
||
/** | ||
* Describe your site's support for the CARD payment method and its required | ||
* fields | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters} | ||
*/ | ||
const baseCardPaymentMethod = { | ||
type: 'CARD', | ||
parameters: { | ||
allowedAuthMethods: allowedCardAuthMethods, | ||
allowedCardNetworks: allowedCardNetworks | ||
} | ||
}; | ||
|
||
/** | ||
* Describe your site's support for the CARD payment method including optional | ||
* fields | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters} | ||
*/ | ||
const cardPaymentMethod = Object.assign( | ||
{}, | ||
baseCardPaymentMethod, | ||
{ | ||
tokenizationSpecification: tokenizationSpecification | ||
} | ||
); | ||
|
||
/** | ||
* An initialized google.payments.api.PaymentsClient object or null if not yet set | ||
* | ||
* @see {@link getGooglePaymentsClient} | ||
*/ | ||
let paymentsClient = null; | ||
|
||
/** | ||
* Configure your site's support for payment methods supported by the Google Pay | ||
* API. | ||
* | ||
* Each member of allowedPaymentMethods should contain only the required fields, | ||
* allowing reuse of this base request when determining a viewer's ability | ||
* to pay and later requesting a supported payment method | ||
* | ||
* @returns {object} Google Pay API version, payment methods supported by the site | ||
*/ | ||
function getGoogleIsReadyToPayRequest() { | ||
return Object.assign( | ||
{}, | ||
baseRequest, | ||
{ | ||
allowedPaymentMethods: [baseCardPaymentMethod] | ||
} | ||
); | ||
} | ||
|
||
/** | ||
* Configure support for the Google Pay API | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest} | ||
* @returns {object} PaymentDataRequest fields | ||
*/ | ||
function getGooglePaymentDataRequest() { | ||
const paymentDataRequest = Object.assign({}, baseRequest); | ||
paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod]; | ||
paymentDataRequest.transactionInfo = getGoogleTransactionInfo(); | ||
paymentDataRequest.merchantInfo = { | ||
// @todo a merchant ID is available for a production environment after approval by Google | ||
// See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist} | ||
merchantId: config.googleMerchant | ||
}; | ||
return paymentDataRequest; | ||
} | ||
|
||
/** | ||
* Return an active PaymentsClient or initialize | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor} | ||
* @returns {google.payments.api.PaymentsClient} Google Pay API client | ||
*/ | ||
function getGooglePaymentsClient() { | ||
if (paymentsClient === null) { | ||
paymentsClient = new google.payments.api.PaymentsClient({environment: config.environment}); | ||
} | ||
return paymentsClient; | ||
} | ||
|
||
/** | ||
* Initialize Google PaymentsClient after Google-hosted JavaScript has loaded | ||
* | ||
* Display a Google Pay payment button after confirmation of the viewer's | ||
* ability to pay. | ||
*/ | ||
function onGooglePayLoaded() { | ||
if (!deviceSupported()) { | ||
showError(); | ||
return false; | ||
} | ||
|
||
const paymentsClient = getGooglePaymentsClient(); | ||
paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest()) | ||
.then(function(response) { | ||
if (response.result) { | ||
addGooglePayButton(); | ||
} | ||
}) | ||
.catch(function(err) { | ||
// show error in developer console for debugging | ||
console.error(err); | ||
}); | ||
} | ||
|
||
|
||
/** | ||
* Add a Google Pay purchase button alongside an existing checkout button | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options} | ||
* @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines} | ||
*/ | ||
function addGooglePayButton() { | ||
const paymentsClient = getGooglePaymentsClient(); | ||
const button = paymentsClient.createButton( | ||
{ | ||
buttonColor: config.buttonColor, | ||
onClick: onGooglePaymentButtonClicked | ||
} | ||
); | ||
document.querySelector('#container').appendChild(button); | ||
} | ||
|
||
/** | ||
* Provide Google Pay API with a payment amount, currency, and amount status | ||
* | ||
* @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo} | ||
* @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest | ||
*/ | ||
function getGoogleTransactionInfo() { | ||
return { | ||
countryCode: config.countryCode, | ||
currencyCode: config.currencyCode, | ||
totalPriceStatus: 'FINAL', | ||
// set to cart total | ||
totalPrice: config.amount | ||
}; | ||
} | ||
|
||
/** | ||
* Show Google Pay payment sheet when Google Pay payment button is clicked | ||
*/ | ||
function onGooglePaymentButtonClicked() { | ||
const paymentDataRequest = getGooglePaymentDataRequest(); | ||
paymentDataRequest.transactionInfo = getGoogleTransactionInfo(); | ||
|
||
const paymentsClient = getGooglePaymentsClient(); | ||
paymentsClient.loadPaymentData(paymentDataRequest) | ||
.then(function(paymentData) { | ||
// handle the response | ||
processPayment(paymentData); | ||
}) | ||
.catch(function(err) { | ||
// show error in developer console for debugging | ||
console.error(err); | ||
}); | ||
} | ||
|
||
/** | ||
* Process payment data returned by the Google Pay API | ||
* | ||
* @param {object} paymentData response from Google Pay API after user approves payment | ||
* @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference} | ||
*/ | ||
function processPayment(paymentData) { | ||
/** | ||
* Google sends a JSON with some characters encoded (which should not be). | ||
* Parsing the JSON and then stringifying it again fixes the issue. | ||
*/ | ||
var paymentToken = JSON.stringify(JSON.parse(paymentData.paymentMethodData.tokenizationData.token)); | ||
setToken(paymentToken); | ||
submitForm(); | ||
} | ||
|
||
/** | ||
* Set the token received from Google to the form | ||
* @param googleToken | ||
*/ | ||
function setToken(googleToken) { | ||
document.querySelector('#googlePayToken').value = googleToken; | ||
} | ||
|
||
function submitForm() { | ||
document.querySelector('#form').submit(); | ||
} | ||
|
||
function showError() { | ||
document.querySelector('.error').classList.remove('hide'); | ||
} | ||
|
||
function deviceSupported() { | ||
return location.protocol === 'https:'; | ||
} |
Oops, something went wrong.