如何将 PayPal 快速结账集成到 angular2 打字稿项目中

问题描述

Paypal 提供了一种简单的集成方式它的快速结帐解决方案但是在用打字稿编写的 angular2 项目中使用此解决方案的最佳解决方案是什么?

Paypal provides an easy way to integrate its express checkout solution but what is the best solution to use this solution in an angular2 project working written in typescript?

推荐答案

我使用过这样的解决方案:

I've used a solution like this:

加载外部脚本的方法

  private loadExternalScript(scriptUrl: string) {
    return new Promise((resolve, reject) => {
      const scriptElement = document.createElement('script')
      scriptElement.src = scriptUrl
      scriptElement.onload = resolve
      document.body.appendChild(scriptElement)
  })

组件代码

  ngAfterViewInit(): void {
    this.loadExternalScript("https://www.paypalobjects.com/api/checkout.js").then(() => {
      paypal.Button.render({
        env: 'sandbox',
        client: {
          production: '',
          sandbox: ''
        },
        commit: true,
        payment: function (data, actions) {
          return actions.payment.create({
            payment: {
              transactions: [
                {
                  amount: { total: '1.00', currency: 'USD' }
                }
              ]
            }
          })
        },
        onAuthorize: function(data, actions) {
          return actions.payment.execute().then(function(payment) {
            // TODO
          })
        }
      }, '#paypal-button');
    });
  }

信用

Andrei Odri 的回答在这里:加载模板dom时angular2模板/钩子中的脚本标签

Andrei Odri's answer here: script tag in angular2 template / hook when template dom is loaded

这篇关于如何将 PayPal 快速结账集成到 angular2 打字稿项目中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！