Question

我正在尝试将Stripe付款网关与Django oscar集成到一个电子商务站点，该站点在线销售杂货，我使用python 3.6.3，Django 2.0，Django-oscar 1.6，stripe 1.82.2。< / p>

方法1 ：

所以我在django-oscar小组中点击了此链接：

https://groups.google.com/forum/#!searchin/django-oscar/handle_payment$20override%7Csort:date/django-oscar/Cr8sBI0GBu0/PHRdXX2uFQAJ

我已经注册了条带帐户，并使用我的可发布密钥和测试密钥来配置条带。问题是，当我尝试使用标签为“用卡付款”提供的按钮进行付款时，它将收集我的卡信息并然后，当我单击按钮时，它会显示“有些钱将从卡中扣除”，如下图所示： Image of Preview page

然后，在我点击下订单按钮后，它向我显示了以下内容： Image of confirmation page

尽管我已使用卡付款。我猜奥斯卡似乎还不知道这笔付款已经通过条纹完成了，但是我不确定如何解决。

方法2 ：我尝试使用dj-stripe，位于此处：

https://github.com/dj-stripe/dj-stripe

但是我阅读了https://dj-stripe.readthedocs.io/en/stable-1.0/上的整个文档，似乎我只能将其用于需要订阅的产品，我不需要订阅，并且dj-stripe的文档还不完整。 / p>

我尝试过django-oscar官方仓库，链接在这里： https://github.com/django-oscar/django-oscar-stripe ，这个存储库大约有5年的历史了，我认为它与我的Django oscar版本不兼容。

方法3 ：我尝试使用stripe.js和元素，并创建了接受卡片的表单：

< script src = "https://js.stripe.com/v3/" > < /script> <
  script >
  var stripe = Stripe('your_stripe_publishable_key');
var elements = stripe.elements();
// Custom styling can be passed to options when creating an Element.
var style = {
  base: {
    color: '#32325d',
    lineHeight: '18px',
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
    fontSmoothing: 'antialiased',
    fontSize: '20px',
    '::placeholder': {
      color: '#aab7c4'
    }
  },
  invalid: {
    color: '#fa755a',
    iconColor: '#fa755a'
  }
};

// Create an instance of the card Element.
var card = elements.create('card', {
  style: style
});

// Add an instance of the card Element into the `card-element` <div>.
card.mount('#card-element');
card.addEventListener('change', function(event) {
  var displayError = document.getElementById('card-errors');
  if (event.error) {
    displayError.textContent = event.error.message;
  } else {
    displayError.textContent = '';
  }
});

// Create a source or display an error when the form is submitted.
var form = document.getElementById('payment-form');

form.addEventListener('submit', function(event) {
  event.preventDefault();

  stripe.createSource(card).then(function(result) {
    if (result.error) {
      // Inform the user if there was an error
      var errorElement = document.getElementById('card-errors');
      errorElement.textContent = result.error.message;
    } else {
      // Send the source to your server
      stripeSourceHandler(result.source);
    }
  });
});

function stripeSourceHandler(source) {
  // Insert the source ID into the form so it gets submitted to the server
  var form = document.getElementById('payment-form');
  var hiddenInput = document.createElement('input');
  var hiddenAmount = document.createElement('input');

  hiddenInput.setAttribute('type', 'hidden');
  hiddenInput.setAttribute('name', 'stripeSource');
  hiddenInput.setAttribute('value', source.id);
  form.appendChild(hiddenInput);

  hiddenAmount.setAttribute('type', 'hidden');
  hiddenAmount.setAttribute('name', 'amt');
  hiddenAmount.setAttribute('value', '{{ order_total.incl_tax|safe }}');
  form.appendChild(hiddenAmount);

  // Submit the form
  form.submit();
}

<
/script>

<form action="/charge/" method="post" id="payment-form">
  {% csrf_token % }
  <div class="form-row">
    <label for="card-element">
                Credit or debit card
            </label>
    <div id="card-element">
      <!-- A Stripe Element will be inserted here. -->
    </div>

    <!-- Used to display Element errors. -->
    <div id="card-errors" role="alert"></div>
  </div>
  <br>
  <!--<hr>-->
  <button class="btn btn-primary">Pay Now</button>
</form>

在我的python views.py文件中，我创建了一个条带费用以及来源。

@csrf_exempt
def stripe_payment(request):
    user = request.user
    source_id = request.POST.get("stripeSource", None)

    amount = request.POST.get("amt", None)
    stripe.api_key = "your_test_key"
    customer = stripe.Customer.create(
        email=email,
        source=source_id,
    )
    # print("Customer ID: ", customer['id'])
    amt = float(amount) * 100
    # print("Amount:", int(amt))
    int_amt = int(amt)
    charge = stripe.Charge.create(
        amount=int_amt,
        currency='cad',
        customer=customer['id'],
        source=source_id,
    ) 

    return HttpResponseRedirect("/checkout/preview/")

然后，我在条纹仪表板中创建了一个Webhook并将其链接到我的本地URL，每次通过Web钩子发送来自Stripe的响应时，此URL被命中。

@csrf_exempt
def demo_checkout(request):

    # Retrieve the request's body and parse it as JSON:
    event_json = json.dumps(json.loads(request.body), indent=4)
    # event_json = json.loads(request.body)

    # Do something with event_json
    print("Json event:", event_json)

    return HttpResponse(status=200)

到目前为止，我可以从仪表板中跟踪各种事件或日志，以及诸如创建客户，进行收费以及通过网络挂钩发送响应之类的事件都可以，但是我不知道该如何做。我完成了付款，以便Django-oscar也可以知道付款已经完成，并且不显示“不需要付款”： Thank you page

我已经尝试了所有这些方法，但是仍然无法正常工作。我愿意使用建议的任何其他方法，或者对到目前为止介绍的任何方法所做的改进。 django-oscar以及带有一些代码和一些解释的答案将很有帮助。

Answer 1

我找到了将Stripe与Django Oscar集成的方法，这是实现它的简单方法之一。

首先从此处创建一个带区帐户：https://stripe.com/，您将获得一个可发布的密钥和一个秘密密钥，登录到带区仪表盘中的开发人员> API密钥下即可查看它们。
在您的django oscar代码方面。从oscar分支出结帐应用程序，将其添加到INSTALLED_APPS + = get_core_apps（['checkout']）。要了解如何派生应用程序，请点击以下文档中的链接：https://django-oscar.readthedocs.io/en/latest/topics/customisation.html#fork-oscar-app
在结帐下创建一个名为facade.py的文件，将密钥从您的仪表板复制到settings.py文件中，然后按照此链接中的建议进行其他更改：Stripe payment gateway integration在django oscar组上，只是恰好标题错误而已。只需按照整个页面操作就可以了。

Answer 2

当您查看Stripe仪表板中的日志时（“开发人员>日志” section），您是否看到创建令牌，客户和费用的请求？这些请求成功了吗？您看到任何错误吗？

关于Django Oscar，我不熟悉它，因此不确定以下内容是否有帮助。

但是我看了一下Django Oscar code，并且似乎thank_you模板上显示了“不需要付款”消息，而订单记录中没有添加任何来源（即order.sources.all返回空）：

https://github.com/django-oscar/django-oscar/blob/master/src/oscar/templates/oscar/checkout/thank_you.html#L94

因此，可能是在您的handle_payment代码中，您可能没有按照建议的in this recipe或您列出的email thread将源记录正确地添加到当前的订单记录中。

为进一步调试，我建议：

检查Stripe仪表板中的日志，以查看是否正确创建了费用。
查询源模型，并检查是否有任何记录与特定订单ID相关联
在handle_payment中的代码中添加一些其他调试（日志/打印）语句，以检查是否被调用以及是否按原样创建Source记录：

http://django-oscar.readthedocs.io/en/releases-1.1/howto/how_to_integrate_payment.html#integration-into-checkout

如何将Stripe付款网关与Django Oscar集成？

2 个答案: