javascript - Paypal 按钮在 https 上不起作用

Question

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

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

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

我看到那个按钮被加载到本地主机(开发环境)上没有问题。但是在使用 https 的生产中，我得到了这个错误

ppxo_xc_ppbutton_error Object 

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

我正在使用 angular，这段代码在我的 Controller 中

    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

该按钮实际上为您设置了一个 Angular 组件:

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

可能建议使用它。我怀疑如果你试图直接在 Angular Controller 中渲染，它可能还没有渲染容器元素，因此你的错误。