Блог

Главная - Вопросы по программированию - Google Pay с помощью Moneris в Angular

Google Pay с помощью Moneris в Angular

#angular #google-pay

#angular #google-pay

Вопрос:

Я пытаюсь внедрить Google Pay с помощью Moneris Gateway. Я использую Google-Pay-button-Angular, но как я могу подключить Moneris к этому? По этой ссылке есть руководство, но я не знаю, где писать код скрипта.

Ответ №1:

Если вы используете @google-pay/button-angular , то вам следует указать свойства шлюза Moneris в tokenizationSpecification :

Пример:

 tokenizationSpecification: {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    gateway: 'moneris',
    gatewayMerchantId: '<moneris merchant id>'
  }
}

Более полный пример:

 <google-pay-button
  environment="TEST"
  buttonType="buy"
  buttonColor="black"
  [paymentRequest]="{
    apiVersion: 2,
    apiVersionMinor: 0,
    allowedPaymentMethods: [
      {
        type: 'CARD',
        parameters: {
          allowedAuthMethods: ['PAN_ONLY', 'CRYPTOGRAM_3DS'],
          allowedCardNetworks: ['AMEX', 'VISA', 'MASTERCARD']
        },
        tokenizationSpecification: {
          type: 'PAYMENT_GATEWAY',
          parameters: {
            gateway: 'moneris',
            gatewayMerchantId: '<moneris merchant id>'
          }
        }
      }
    ],
    merchantInfo: {
      merchantId: '12345678901234567890',
      merchantName: 'Demo Merchant'
    },
    transactionInfo: {
      totalPriceStatus: 'FINAL',
      totalPriceLabel: 'Total',
      totalPrice: '100.00',
      currencyCode: 'USD',
      countryCode: 'US'
    }
  }"
  (loadpaymentdata)="onLoadPaymentData($event)"
></google-pay-button>
 
 // handle the event
onLoadPaymentData(event) {
  // call your backend server to process the payment including details from event.detail
}

Комментарии:

1. Спасибо за помощь. Нет необходимости в функции MonerisGooglePay по ссылке выше?

2. Это разные интеграции. Если вы используете API-интерфейсы Moneris (т.Е. https://esqa.moneris.com/googlepay/googlepay-api.js ), Вам следует обратиться к их документации. Приведенный выше ответ предназначен для @google-pay/button-angular .

3. Я следую этому ( developer.moneris.com/Documentation/NA/E-Commerce Solutions /… ) документация. Правильно ли это реализовать на Angular? Если да, то куда добавить шаги 2,3 и 4?

4. Если вы следуете руководству Moneris, то вам не следует использовать компонент Angular, поскольку я думаю, что он отвечает за создание кнопки для вас. Шаги 2 и 3 перейдут в HTML-код вашей страницы. Шаг 4 будет либо в вашем JS-файле, либо в script теге.

5. Если я использую угловой компонент, то мне не нужно добавлять скрипт moneris и web-merchant-key?

Метки: