Hei, jeg vil gjerne ha litt hjelp til å implementere 3D secure inn i en betalingsløsning jeg har laget med stripe.com.
Om mulig så kan jeg også betale litt om noen vil hjelpe meg med det.
https://stripe.com/docs/sources/three-d-secure
index.html
process.php
Om behov for filer det refereres til kan jeg sende de til dere via dropbox elns.
Tusen takk på forhånd )
Om mulig så kan jeg også betale litt om noen vil hjelpe meg med det.
https://stripe.com/docs/sources/three-d-secure
index.html
Kode
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Betaling</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'> <script src="https://js.stripe.com/v3/"></script> <link rel="stylesheet" href="css/style.css"> </head> <body> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <div class="container"> <div id="Checkout" class="inline"> <h1>Betal ordre</h1> <div class="card-row"> <span class="visa"></span> <span class="mastercard"></span> <span class="amex"></span> <span class="discover"></span> </div> <div> <div class="form-group"> <label for="PaymentAmount">Beløp</label> <div class="amount-placeholder"> <span>Kr</span> <span>10.00</span> </div> <br> <script> var stripe = Stripe('<her er det dumt å legge ut api nøkkelen sin>'); var elements = stripe.elements(); </script> <form action="process.php" method="post" id="payment-form"> <div class="form-row"> <label for="card-element"> Kort </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>Betal nå</button> </form> <script> // Custom styling can be passed to options when creating an Element. var style = { base: { // Add your base input styles here. For example: color: '#32325d', lineHeight: '24px', fontFamily: '"Helvetica Neue", Helvetica, sans-serif', fontSmoothing: 'antialiased', fontSize: '20px', '::placeholder': { color: '#aab7c4' } }, invalid: { color: '#ff0000', iconColor: '#ff0000' } }; // 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'); </script> <script> card.addEventListener('change', function(event) { var displayError = document.getElementById('card-errors'); if (event.error) { displayError.textContent = event.error.message; } else { displayError.textContent = ''; } }); </script> <script> // 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 user if 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); } }); }); </script> <script> 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(); } </script> <script> // 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); } }); }); </script> <script> 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'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'stripeSource'); hiddenInput.setAttribute('value', source.id); form.appendChild(hiddenInput); // Submit the form form.submit(); } </script> <br><a href="https://www.stripe.com"><img src="powered_by_stripe.png" alt="Powered by Stripe" height="20" align="middle"><br> </body> </html>
Kode
<?php // Set your secret key: remember to change this to your live secret key in production // See your keys here: https://dashboard.stripe.com/account/apikeys require_once("vendor/autoload.php"); \Stripe\Stripe::setApiKey("<sikkert her også selv om det er test>"); // Token is created using Stripe.js or Checkout! // Get the payment token ID submitted by the form: $token = $_POST['stripeToken']; // Charge the user's card: $charge = \Stripe\Charge::create(array( "amount" => 1000, "currency" => "nok", "description" => "Beskrivelse av varen", "source" => $token, )); ?>
Tusen takk på forhånd )
Sist endret av flexd; 16. august 2017 kl. 21:11.