个人中心
gpt4 book ai didi

c# - 如何将 Stripe 支付网关集成到 ASP.NET MVC

转载 作者：行者123 更新时间：2023-12-04 17:26:44 29 4
gpt4 key购买 nike

我要整合Stripe psp进入我的 ASP.NET MVC 应用程序。
在您寻找具有相同问题的问题之前，我确实寻找了上述问题，但它们似乎已经过时了。
我试图按照 Stripe 网站的程序进行操作，但 javascript 无法加载付款。我知道我错过了一些东西。
如果你能帮助我而不是烤我，那就太好了:)。
附言 我对 MVC 完全陌生:/
带有脚本的 cshtml View 

@{
    Layout = null;
}


<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ProcessPayment | Merchant Dashboard</title>
    <script src="https://js.stripe.com/v3/"></script>
  <script>
      var stripe = Stripe('pk_test_51H1XOgCuKWbkvTE3V6VYOV0qVBLrEcZMCISGPWJ3nZeDqq3JgWb1GL1c2HRxk4NAve4j7YFkZeAvWoatocuvgzLb00bSZL72k3');
      var elements = stripe.elements();

      // Custom styling can be passed to options when creating an Element.
      var style = {
          base: {
              // Add your base input styles here. For example:
              fontSize: '16px',
              color: '#32325d',
          },
      };

      // 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');

      // Create a token or display an error when the form is submitted.
      var form = document.getElementById('payment-form');
      form.addEventListener('submit', function (event) {
          event.preventDefault();

          stripe.createToken(card).then(function (result) {
              if (result.error) {
                  // Inform the customer that there was an error.
                  var errorElement = document.getElementById('card-errors');
                  errorElement.textContent = result.error.message;
              } else {
                  // Send the token to your server.
                  stripeTokenHandler(result.token);
              }
          });
      });

      function stripeTokenHandler(token) {
          // Insert the token ID into the form so it gets submitted to the server
          var form = document.getElementById('payment-form');
          var hiddenInput = document.createElement('input');
          hiddenInput.setAttribute('type', 'hidden');
          hiddenInput.setAttribute('name', 'stripeToken');
          hiddenInput.setAttribute('value', token.id);
          form.appendChild(hiddenInput);

          // Submit the form
          form.submit();
      }

      // Set your secret key. Remember to switch to your live secret key in production!
      // See your keys here: https://dashboard.stripe.com/account/apikeys
      StripeConfiguration.ApiKey = "pk_test_51H1XOgCuKWbkvTE3V6VYOV0qVBLrEcZMCISGPWJ3nZeDqq3JgWb1GL1c2HRxk4NAve4j7YFkZeAvWoatocuvgzLb00bSZL72k3";

      // Token is created using Checkout or Elements!
      // Get the payment token submitted by the form:
      var token = model.Token; // Using ASP.NET MVC

      var options = new ChargeCreateOptions
      {
          Amount = 999,
              Currency = "usd",
              Description = "Example charge",
              Source = token,
};

      var service = new ChargeService();
      var charge = service.Create(options);
  </script>
</head>
<body>

    <form action="/charge" method="post" id="payment-form">
        <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>

        <button>Submit Payment</button>
    </form>
</body>
</html>
Controller 
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MerchantCheckout.Models;
using Stripe;

namespace MerchantCheckout.Controllers
{
    public class ProcessPaymentController : Controller
    {
        // GET: ProcessPayment
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult ProcessPayment()
        {
            var stripePublishKey = ConfigurationManager.AppSettings["pk_test_51H1XOgCuKWbkvTE3V6VYOV0qVBLrEcZMCISGPWJ3nZeDqq3JgWb1GL1c2HRxk4NAve4j7YFkZeAvWoatocuvgzLb00bSZL72k3"];
            ViewBag.StripePublishKey = stripePublishKey;
            return View();
        }

        public ActionResult Charge(string stripeEmail, string stripeToken)
        {
            Stripe.CustomerCreateOptions customer = new Stripe.CustomerCreateOptions();

            var custService = new Stripe.CustomerService();

            Stripe.Customer stpCustomer = custService.Create(customer);

            return View();
        }
    }
}

最佳答案

好吧，我设法让它工作:)。像我一样被卡住的 friend ，请按照以下步骤操作:
步骤 1 :从 Stripe 获取 key 后，将其添加到 web.config 文件中

 <add key="stripePublishableKey" value="YourKeyHere"/>
注:我添加的只是为了测试目的。您可以稍后在您的应用上线时添加您的 key 。
第 2 步:在您的 Controller 中添加以下代码 
public ActionResult Index()
{
    ViewBag.StripePublishKey = ConfigurationManager.AppSettings["stripePublishableKey"];
     return View();
}
    
[HttpPost]
public ActionResult Charge(string stripeToken, string stripeEmail)
{
   Stripe.StripeConfiguration.SetApiKey("your Publishable key");
    Stripe.StripeConfiguration.ApiKey = "your Secret key";
    
    var myCharge = new Stripe.ChargeCreateOptions();
    // always set these properties
    myCharge.Amount = 500;
    myCharge.Currency = "USD";
    myCharge.ReceiptEmail = stripeEmail;
    myCharge.Description = "Sample Charge";
    myCharge.Source = stripeToken;
    myCharge.Capture = true;
    var chargeService = new Stripe.ChargeService();
    Charge stripeCharge = chargeService.Create(myCharge);
    return View();
}
第 3 步:验证您的 cshtml 文件是否包含以下代码，如果没有，请添加它们: 
<form action="/Home/Charge" method="POST">
    <article>
        <label>Amount: $5.00</label>
    </article>
    <script src="//checkout.stripe.com/v2/checkout.js"
            class="stripe-button"
            data-key="@ViewBag.StripePublishKey"
            data-locale="auto"
            data-description="Sample Charge"
            data-amount="500">
    </script>
</form>
第 4 步:测试!!但是，您应该使用 strip 测试数据。
我不拥有上述代码，做了一些研究并发现了这个网站，这个人解释了它是如何完成的。 Click here

关于c# - 如何将 Stripe 支付网关集成到 ASP.NET MVC，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62749790/

29 4 0
文章推荐： amazon-web-services - 放大从 Cognito 获取所有者用户属性
文章推荐： asp.net-mvc - ValidateInput(false) 和 AllowHtml 属性仍然导致 'A potentially dangerous Request.Form value was detected'
文章推荐： scala - Scala 中的发布者订阅
文章推荐： javascript - Axios POST 请求返回 Undefined
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com