Интеграция Google Pay в Angular

Итак, я пытаюсь интегрировать Google Pay в angular, но не могу найти хороших источников. Моя самая большая проблема в том, что...

<script
  async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="console.log('TODO: add onload function GOOGLE PAY')">
</script>

onload вроде не срабатывает. Я попытался поместить скрипт на уровень компонента приложения, но он все еще не срабатывает.


typescript angular google-pay
person numerical25    schedule 01.07.2020    source источник
comment
Это связано с тем, что Angular удалит любой тег <script> за пределами index.html в целях безопасности (см. теги сценария в шаблоне компонента angular "> stackoverflow.com/questions/38088996/). Лучший способ — найти модуль для добавления в packages.json, я думаю, он существует для Google Pay. Или использовать дезинфицирующее средство для обхода? (см. также github.com/angular/angular/issues/4903)   -  person Qortex    schedule 01.07.2020

Ответы (1)


arrow_upward
0
arrow_downward

Рассмотрите возможность использования недавно выпущенного Google Оплатите веб-компонент за интеграцию с Angular.

Пример интеграции :

<google-pay-button
  button-type="long"
  button-color="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': 'stripe'
          }
        }
      }
    ],
    merchantInfo: {
      merchantId: '12345678901234567890',
      merchantName: 'Demo Merchant'
    },
    transactionInfo: {
      totalPriceStatus: 'FINAL',
      totalPriceLabel: 'Total',
      totalPrice: '100.00',
      currencyCode: 'USD',
      countryCode: 'US'
    }
  }"
  (loadpaymentdata)="onLoadPaymentData($event)"
></google-pay-button>
person Soc    schedule 01.07.2020
comment
эта ссылка предназначена для React. - person bvdb; 20.07.2020
comment
Поддержка Angular и других фреймворков включена в виде пользовательского элемента. См. Пример Angular. - person Soc; 20.07.2020