问Blazer服务器:设置Braintree支付Javascript和.NET开发工具包及应用程序接口

EN

<!-- braintree-->
<script type="text/javascript" src="https://js.braintreegateway.com/web/dropin/1.29.0/js/dropin.js">
</script>

</head>

<script>
window.brainstreePayment = (clientToken, dotNetObject) => {
    //alert(clientToken);
    var button = document.querySelector('#submit-button');
    braintree.dropin.create({
        authorization: clientToken,
        selector: '#dropin-container'
    }, function (err, instance) {
        button.addEventListener('click', function () {
            instance.requestPaymentMethod(function (requestPaymentMethodErr, payload) {
                if (requestPaymentMethodErr) {
                    // No payment method is available.
                    // An appropriate error will be shown in the UI.
                    console.error(requestPaymentMethodErr);
                    return;
                }      
                dotNetObject.invokeMethodAsync('MakePayment', payload.nonce);
            });
        })
    });
}
</script>
</body>

@page "/PaymentSubmit/"

@using Braintree;
@using Microsoft.Extensions.Logging;
@inject IJSRuntime JSRuntime;
@inject ILogger<Counter> logger;


<label for="Amount">In the Amount:</label>
<input id="Amount" name="Amount" type="tel" min="1" @bind="@Amount" />
<br>
<br>

<div id="dropin-container"></div>

<div id="dropin-wrapper">
    <div id="checkout-message"></div>
    <div id="dropin-container"></div>
    <button id="submit-button">Pay</button>
</div>
<br>
PaymentTransactionId: @PaymentTransactionId
<br>

@code {

   
    public string ClientToken { get; set; }   
    public string Nonce { get; set; }   
    public string Amount { get; set; }    
    public string PaymentTransactionId { get; set; }    

    public BraintreeGateway gateway = new BraintreeGateway
    {
        Environment = Braintree.Environment.SANDBOX,
        MerchantId = "GetFromBraintree",
        PublicKey = "GetFromBraintree",
        PrivateKey = "GetFromBraintree"
    };


    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            ClientToken = gateway.ClientToken.Generate();
            var dotNetReference = DotNetObjectReference.Create(this);        
            await JSRuntime.InvokeVoidAsync("brainstreePayment", ClientToken, dotNetReference);
        }
    }

    [JSInvokable("MakePayment")]
    public void MakePayment(string Nonce)
    {

        logger.LogWarning(Nonce);
        logger.LogWarning(Amount);
        decimal newAmount = Convert.ToDecimal(Amount);
        var request = new TransactionRequest
        {
            Amount = newAmount,
            PaymentMethodNonce = Nonce,
            Options = new TransactionOptionsRequest
            {
                SubmitForSettlement = true
            }
        };

        Result<Transaction> result = gateway.Transaction.Sale(request);
        if (result.IsSuccess())
        {
            Transaction transaction = result.Target;
            logger.LogWarning("transaction success");
            PaymentTransactionId = transaction.Id;
            StateHasChanged();

            @*redirect*@
        }
        else if (result.Transaction != null)
        {
            @*redirect*@
            logger.LogWarning("transaction null");
        }
        else
        {
            string errorMessages = "";
            foreach (ValidationError error in result.Errors.DeepAll())
            {
                errorMessages += "Error: " + (int)error.Code + " - " + error.Message + "\n";
            }
            logger.LogWarning("transaction error");
            logger.LogWarning(errorMessages);
        }
    }
}