rails 4テストモードでライブモードを表示するストライプjs

Question

これを調べて何らかの理由で空白になっています。以下の添付された部分からわかるように、私はテストモードで動作しており、testing stripe cardsを具体的に使用すると、4242424242424242は何も動作していません。思考？ポインタ？

ストライプエラーのコンソールログ...

ストライプインターフェイス...

進行中のjavascriptのコード...

function process_payment(cardNumber, cardExpiration, cardVerification, zipCode, price){ 
     var vpf = validate_payment_fields(); 
     if(vpf === true){ 
     process_stripe_api(cardNumber, cardExpiration, cardVerification, zipCode, price); 
     // $contentLoader.show(); 
     // clear_cc_fields($cardNumber, $cardExpiration, $cardVerification, $zipCode); 
     // $paymentProcessorForm.submit(); 
     } 
    } 

    function process_stripe_api(cardNumber, cardExpiration, cardVerification, zipCode, price){ 
     Stripe.createToken({ 
     number: cardNumber, 
     cvc: cardVerification, 
     exp_month: cardExpiration.substring(0,2), 
     exp_year: cardExpiration.substring(3,5), 
     price: price 
     }, stripeResponseHandler); 
    } 

    function stripeResponseHandler(status, response) { 
     if (response.error) { 
     debugger; 
     } 
     else { 
     console.log('passed!'); 
     debugger; 
     } 
    } 

    function validate_payment_fields(){ 
     var $cardNumber = jQuery('#card_number'); 
     var $cardVerification = jQuery('#card_verification'); 
     var $cardExpiration = jQuery('#card_expiration'); 
     var $zipCode = jQuery('#zip_code'); 

     $cardNumber.next('.help-error').remove(); 
     $cardVerification.next('.help-error').remove(); 
     $cardExpiration.next('.help-error').remove(); 
     $zipCode.next('.help-error').remove(); 

     trim_field($cardNumber); 
     var cardNumber = validate_card_number($cardNumber); 

     trim_field($cardExpiration); 
     var cardExpiration = validate_card_expiration($cardExpiration); 

     trim_field($cardVerification); 
     var cardVerification = validate_card_verification($cardVerification); 

     trim_field($zipCode); 
     var zipCode = validate_zipcode($zipCode); 

     if(cardNumber && cardExpiration && cardVerification && zipCode){ 
     return true; 
     } 
     else{ 
     return false; 
     } 
    } 

    function clear_cc_fields(cardNumber, cardExpiration, cardVerification, zipCode){ 
     cardNumber.val(''); 
     cardVerification.val(''); 
     cardExpiration.val(''); 
     zipCode.val(''); 
    } 

    function validate_card_number(field){ 
     var regTester = new RegExp("\\d{16}"); 
     if(regTester.test(field.val())){ 
     return true; 
     } 
     else{ 
     field.after("<p class='help-error'>Credit Card Number is Invalid!</p>"); 
     return false; 
     } 
    } 

    function validate_card_expiration(field){ 
     var regTester = new RegExp("^((0[1-9])|(1[0-2]))\/((2009)|(20[1-2][0-9]))$"); 
     if(regTester.test(field.val())){ 
     return true; 
     } 
     else{ 
     field.after("<p class='help-error'>Credit Card Expiration is Invalid!</p>"); 
     return false; 
     } 
    } 

    function validate_card_verification(field){ 
     var regTester = new RegExp("\\d{3}"); 
     if(regTester.test(field.val())){ 
     return true; 
     } 
     else{ 
     field.after("<p class='help-error'>CCV is Invalid!</p>"); 
     return false; 
     } 
    } 

    function validate_zipcode(field){ 
     var regTester = new RegExp("\\d{5}"); 
     if(regTester.test(field.val())){ 
     return true; 
     } 
     else{ 
     field.after("<p class='help-error'>Zip Code is Invalid!</p>"); 
     return false; 
     } 
    } 

    function trim_field(field){ 
     var tmp = jQuery.trim(field.val()); 
     field.val(tmp); 
     return tmp; 
    } 

ビューからのスニペット...

= javascript_include_tag 'https://js.stripe.com/v2/' 

javascript: 
    Stripe.setPublishableKey("#{ENV['MY_STRIPE_PUBLISHABLE_KEY']}"); 

形...

​​

Answer 1

使用しているストライプキーはテストキーではなく、生産の鍵であることを確認してください：

あなたキーはpk_testまたはsk_test

で始まる必要があります