Angular und Stripe, kann Karten-Token nicht mit $ http erstellen, aber mit CURL

Question

Zunächst einmal, bitte verzeih mir, wenn dies als vage angesehen wird, dies ist meine erste Zeit bei Stack Exchange.

Hoffentlich ist dies keine schlechte Frage, ich habe darüber nachgedacht, obwohl es Vertrautheit mit CURL, Stripe und Angular voraussetzt.

Auf das Problem:

Ich versuche, die Ergebnisse einer CURL an den Stripe-API mit Angularjs von $ http und mit etwas Mühe dabei neu zu erstellen.

Mit CURL, ich bin in der Lage eine Karte Token zu erstellen, wie folgt:

curl -X POST https://api.stripe.com/v1/tokens \ 
    -u MY_TEST_KEY: \ 
    -d "card[number]"=4242424242424242 \ 
    -d "card[exp_month]"=12 \ 
    -d "card[exp_year]"=2017 \ 
    -d "card[cvc]"=123 

Das gibt mir so etwas wie „tok_blahblahbcryptnonsense“

Allerdings kann ich nicht dieses CURL in eine Winkel $ zu übersetzen scheinen http-Funktion, und ich bekomme einen Statuscode 400 zurück mit der Nachricht "Sie müssen die vollständigen Kartendetails übergeben, um ein Token zu erstellen."

$http({ 
    method: 'POST', 
    url: 'https://api.stripe.com/v1/tokens', 
    headers: { 
     'content-type': 'application/json', 
     'Authorization': 'Bearer MY_TEST_KEY' 
    }, 
    params: { 
     card: { 
      "number": '4242424242424242', // I have tried this as 
             // an integer and string 
             // Stripe docs say string 
      "exp_month": 12, 
      "exp_year": 2017, 

      "cvc": '123' // I have tried this as 
         // an integer and string 
         // Stripe docs don't specify but I think string 
     } 
    } 
    }).then(function(success){ 
     console.log('success ', success) 
    }, function(error){ 
     console.log('error ', error) // gets here, this is where the message is 
    }) 

Soweit mein Verständnis geht, ist dies absolut möglich. Alles, was ich brauche, ist ein Token für diese Karte zu erstellen. Es wird spät und es könnte eine völlig offensichtliche Lösung sein und ich bin zu müde.

Answer 1

Vielleicht akzeptiert die Stripe-API auch JSON, aber was Sie in Ihrem curl-Befehl senden, ist nicht JSON. Es sind Formulardaten.

Darüber hinaus wird params verwendet, um Daten in der Abfragezeichenfolge zu übergeben. Sie möchten diese Daten im POST-Text enthalten.

Das sollte korrekten Code sein:

var myData = { 
    card: { 
    "number": '4242424242424242', 
    "exp_month": 12, 
    "exp_year": 2017, 
    "cvc": '123' 
    } 
}; 
$http({ 
    method: 'POST', 
    url: 'https://api.stripe.com/v1/tokens', 
    headers: { 
    'Authorization': 'Bearer MY_TEST_KEY', 
    'Content-Type': 'application/x-www-form-urlencoded' 
    }, 
    data: $httpParamSerializerJQLike(myData), 
});