Paypal 按钮在 https 上不起作用

Question

我的 paypal 按钮（实际上是快速结帐）在 https 上不起作用，当我使用 https 访问我的实时应用时，我意识到了这一点。

不确定是不是我的 https 阻止了这个脚本。

  <script src="https://www.paypalobjects.com/api/checkout.js" data-version-4></script>

我看到该按钮在 localhost（开发环境）上加载没有问题。但是在使用 https 的生产中，我得到了这个错误

ppxo_xc_ppbutton_error Object 

 Error: Document is ready and element #paypal-button does not exist

我正在使用 Angular，这段代码在我的控制器中

    paypal.Button.render({

      env: 'production', // Optional: specify 'sandbox' environment

      payment: function() {

          var env    = this.props.env;
          var client = this.props.client;

          return paypal.rest.payment.create(env, client, {
              transactions: [{
                  amount: { total: 5 , currency: 'USD' },
                  item_list: {
                  items: [{
                      "name": "profile",
                      "price": "5",
                      "currency": "USD"
                  }]
                }
              }],
              redirect_urls: {
                "return_url": $location.absUrl(),
                "cancel_url": $location.absUrl()
              }
          });
      },

      commit: true, // Optional: show a 'Pay Now' button in the checkout flow

      onAuthorize: function(data, actions) {

          return actions.payment.execute().then(function() {

              actions.payment.get().then(function(data){

                if(data.state === 'approved'){
                  $http.post('/paid',{qty:$scope.number_of_uses,user_email:user_email})
                  .then(function(response){

                      $scope.done = true;

                  });
                }

              });

          });
      }

  }, '#paypal-button');

我再说一遍，它在 localhost 中运行良好，但在 https（生产）中却不行。

Answer 1

按钮实际上为您设置了一个角度组件：

https://github.com/paypal/paypal-checkout/blob/master/docs/frameworks.md#angularjs-element

建议使用它。我怀疑如果您尝试直接在角度控制器中渲染，它可能还没有渲染容器元素，因此您的错误。