PayPal react native 中的集成和支付状态

Question

I'm trying to integrate PayPal as a payment method in my react-native app. I get an access token by hitting https://api.sandbox.paypal.com/v1/oauth2/token API, but when I'm trying to pass access token to payment API https://api.sandbox.paypal.com/v1/payments/payment got response with status code 400 or 500 both are varying.

My code is

  let currency = '100 INR'
currency.replace("INR", "")

const dataDetail = {
    "intent": "sale",
    "payer": {
        "payment_method": "paypal"
    },
    "transactions": [{
        "amount": {
            "total": currency,
            "currency": "INR",
            "details": {
                "subtotal": currency,
                "tax": "0",
                "shipping": "0",
                "handling_fee": "0",
                "shipping_discount": "0",
                "insurance": "0"
            }
        }
    }],
    "redirect_urls": {
        "return_url": "https://example.com",
        "cancel_url": "https://example.com"
    }
}
fetch('https://api.sandbox.paypal.com/v1/oauth2/token', { 
    method: 'POST',
    headers: { 
         'Accept': 'application/json', 
         'Accept-Language': 'en_US',
         'Content-Type': 'application/x-www-form-urlencoded',
         'Authorization': 'Basic ' + btoa('AUrtJxcHfMUlDjHgV2FHMOUnzMkUeu86_km7h67uEHzH5b5RN7Vo-q8AYPtcdz7Iaioc46xW0H9JQZmT:EMbbJ-YqQLT6liuPtJURq2pAgh9WuUTDKmV355_VIeADst0BMlnUNKiHVLK7itCyZFXrEQOex9p93WO8')
    },
    body: 'grant_type=client_credentials'
}).then(response => response.json())
  .then(async (data) => {
    console.log(data.access_token)
    this.setState({accessToken:data.access_token})
    // console.log(JSON.stringify(dataDetail))
    fetch ('https://api.sandbox.paypal.com/v1/payments/payment',
    {
        method: 'POST', 
        headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer '+(this.state.accessToken)
        },
        body:dataDetail
    }
)
    .then(response => {
        console.log('response=====',response)
        // const { id, links } = response.data
        // const approvalUrl = links.find(data => data.rel == "approval_url")

        // this.setState({
        //     paymentId: id,
        //     approvalUrl: approvalUrl.href
        // })
    }).catch(err => {
        console.log({ ...err })
    })
}).catch(function (error) {
    let edata = error.message;
    console.log('Error:', edata)
}
)

Any one can help please? response

 {"_bodyBlob": {"_data": {"__collector": [Object], "blobId": "f2d967a5-2700-4f03-b2ac-2e4ec22f10e4", "offset": 0, "size": 232}}, "_bodyInit": {"_data": {"__collector": [Object], "blobId": "f2d967a5-2700-4f03-b2ac-2e4ec22f10e4", "offset": 0, "size": 232}}, "bodyUsed": false, "headers": {"map": {"cache-control": "max-age=0, no-cache, no-store, must-revalidate", "content-language": "*", "content-length": "232", "content-type": "application/json", "date": "Tue, 23 Feb 2021 07:20:25 GMT", "paypal-debug-id": "27bb91ae40c3a"}}, "ok": false, "status": 400, "statusText": undefined, "type": "default", "url": "https://api.sandbox.paypal.com/v1/payments/payment"}

reference Link PAYPAL INTEGRATION IN REACT-NATIVE

Answer 1

https://api.sandbox.paypal.com/v1/payments/payment

v1/payments is a deprecated API . You should integrate the current v2/checkout/orders instead.

Here is some documentation -- you want "Create Order" and "Capture Order" API calls.

---

But, if you want to understand the problems with your v1 code, here they are fixed and with proper request+response data logging

Issues:

• currency variable wasn't being set to a valid number w/o spaces
• You need to JSON.stringify() your request body.

 <script> let currency = '100 INR'; currency = currency.replace("INR", "").trim(); //this was a problem line, replace() is not in-place. And also extra space to trim let accessToken = ''; const dataDetail = { "intent": "sale", "payer": { "payment_method": "paypal" }, "transactions": [{ "amount": { "total": currency, "currency": "INR", "details": { "subtotal": currency, "tax": "0", "shipping": "0", "handling_fee": "0", "shipping_discount": "0", "insurance": "0" } } }], "redirect_urls": { "return_url": "https://example.com", "cancel_url": "https://example.com" } } fetch('https://api.sandbox.paypal.com/v1/oauth2/token', { method: 'POST', headers: { 'Accept': 'application/json', 'Accept-Language': 'en_US', 'Content-Type': 'application/x-www-form-urlencoded', 'Authorization': 'Basic ' + btoa('AUrtJxcHfMUlDjHgV2FHMOUnzMkUeu86_km7h67uEHzH5b5RN7Vo-q8AYPtcdz7Iaioc46xW0H9JQZmT:EMbbJ-YqQLT6liuPtJURq2pAgh9WuUTDKmV355_VIeADst0BMlnUNKiHVLK7itCyZFXrEQOex9p93WO8') }, body: 'grant_type=client_credentials' }).then(response => response.json()).then(async (data) => { console.log(data.access_token) accessToken=data.access_token // console.log(JSON.stringify(dataDetail)) let createRequest = { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer '+(accessToken) }, body:JSON.stringify(dataDetail) } console.log('Request body string',createRequest.body); console.log('Request body (formatted)', JSON.stringify( JSON.parse(createRequest.body),null,4) ); fetch ('https://api.sandbox.paypal.com/v1/payments/payment',createRequest ).then(function(response) { console.log('Response object', response); return response.json() }).then(async(data) => { console.log('Response data',data); console.log('Response data (formatted)', JSON.stringify(data,null,4) ); }).catch(err => { console.log({...err }) }) }).catch(function (error) { let edata = error.message; console.log('Error:', edata) }) </script>