ストライプチェックアウト後にページがリダイレクトされない

Question

Leadpagesのランディングページにストライプチェックアウトボタンを追加しようとしています。誰かが支払いを完了した後、リダイレクトされるはずです...しかし、リダイレクトは起こっていません。理由は分かりません。

ここに私のページがあります：http://snapstories.leadpages.co/test/ ...ストライプのデモビザ番号：4242424242424242と任意の有効期限/セキュリティコードでチェックアウトをテストできるように今すぐテストキーを使用しています...あなたはどこにでもリダイレクトされます。

demo-stripe.phpスクリプトは、「成功」レスポンスが送信されていないが、リダイレクトをトリガーするフロントエンドコードに「成功」​​レスポンスを送信することになっています。ここで

はデモstripe.phpコードです：

<?php 
require_once('./stripe/init.php'); 

$stripe = array(
    "secret_key"  => "sk_test_******", 
    "publishable_key" => "pk_test_******" 
); 

\Stripe\Stripe::setApiKey($stripe['secret_key']); 
// Get the credit card details submitted by the form 
$token = $_GET['stripeToken']; 
$email = $_GET['stripeEmail']; 
$callback = $_GET['callback']; 

try { 
    $customer = \Stripe\Customer::create(array(
     "source" => $token, 
    "email" => $email 
    )); 
    $charge = \Stripe\Charge::create(array(
    'customer' => $customer->id, 
    'amount' => 100, 
     'currency' => 'usd' 
    )); 


    header('Content-type: application/json'); 
    $response_array['status'] = 'success'; 
    echo $callback.'('.json_encode($response_array).')'; 
    return 1; 

} 

catch (\Stripe\Error\Card $e) { 
    // Since it's a decline, \Stripe\Error\Card will be caught 
} 
?> 

はここでフロントエンドのコードです：

<script src="https://checkout.stripe.com/checkout.js"></script> 

<script> 
var handler = StripeCheckout.configure({ 
    key: 'pk_test_*****', 
    image: 'imagefile.png', 
    locale: 'auto', 
    token: function(token) { 
    $.ajax({ 
     type: "POST", 
     dataType: 'jsonp', 
     url: "https://snapstories.co/demo-stripe.php", 
     data: { stripeToken: token.id, stripeEmail: token.email}, 
     success: function(data) { 
      window.location.href = "http//www.google.com"; 
    }, 

    }); 
    } 
}); 

document.getElementsByClassName('w-f73e4cf1-859d-e3e4-97af-8efccae7644a')[0].addEventListener('click', function(e) { 
    // Open Checkout with further options: 
    handler.open({ 
    name: 'Testing', 
    description: 'testing', 
    amount: 100 
    }); 
    e.preventDefault(); 
}); 


// Close Checkout on page navigation: 
window.addEventListener('popstate', function() { 
    handler.close(); 
}); 
</script> 

Answer 1

私はあなたのフロントエンドコードが成功に取得していない推測しています関数。

Webコンソールに戻ります：

ReferenceError: $ is not defined 

あなたはjQueryのコマンド$.ajax()を使用しているように見えますが、あなたはjQueryライブラリをロードしたところ、私が見ることができません。試して、それを使用するスクリプトの上にロードし、何が起こるかを確認してください

Answer 2

ストライプチェックアウトの要件を必ず確認してください。投稿したリンクに基づいて、のHTTPプロトコルを使用しているようです。ストライプチェックアウトでは、HTTPSプロトコルを使用する必要があります。つまり、Checkoutを使用してSSL証明書をあなたのページに使用していない場合、あなたのページはトークンを返すことも、それ以上実行することもありません。