как интегрировать authorize.net в мою страницу wix?

Question

Я использую API песочницы authorize.net для тестирования своего шлюза в моей среде wix (corvid / code). Забавно, что когда я отправляю JSON в API песочницы, я получаю действительный ответ JSON, подтверждающий (поддельную) транзакцию. однако, когда я настраиваю это через wix, я получаю ошибки данных в своей консоли. Я построил на существующих файлах, что я был в состоянии запустить базовые ответы API и более продвинутые авторизации с ответами токена. поэтому код работает, только не с authorize.net. учитывая мой уровень знаний, я думаю, что это может быть что-то, что я делаю неправильно. Я сделал мою должную осмотрительность, и нет никаких вопросов по этой теме. вот мой код:

///front end, from the corvid page's code
import {buyIt} from 'backend/authorizeNet';       

export function button1_click(event) {
        buyIt();
}

довольно просто, просто вызывая код из моего бэкэнда onClick. путь к файлу правильный. вот модуль на бэкэнде:

////       backend/authorizeNet.jsw
import {fetch} from 'wix-fetch';  

export function buyIt() {

  let data = {
        "createTransactionRequest": {
        "merchantAuthentication": {
        "name": "***************",
        "transactionKey": "****************"
        },
        "refId": "123456",
        "transactionRequest": {
        "transactionType": "authCaptureTransaction",
        "amount": "5",
        "payment": {
            "creditCard": {
            "cardNumber": "5424000000000015",
            "expirationDate": "2020-12",
            "cardCode": "999"
            }
        },
        "lineItems": {
            "lineItem": {
            "itemId": "1",
            "name": "vase",
            "description": "Cannes logo",
            "quantity": "18",
            "unitPrice": "45.00"
            }
        },
        "tax": {
            "amount": "4.26",
            "name": "level2 tax name",
            "description": "level2 tax"
        },
        "duty": {
            "amount": "8.55",
            "name": "duty name",
            "description": "duty description"
        },
        "shipping": {
            "amount": "4.26",
            "name": "level2 tax name",
            "description": "level2 tax"
        },
        "poNumber": "456654",
        "customer": {
            "id": "99999456654"
        },
        "billTo": {
            "firstName": "Ellen",
            "lastName": "Johnson",
            "company": "Souveniropolis",
            "address": "14 Main Street",
            "city": "Pecan Springs",
            "state": "TX",
            "zip": "44628",
            "country": "USA"
        },
        "shipTo": {
            "firstName": "China",
            "lastName": "Bayles",
            "company": "Thyme for Tea",
            "address": "12 Main Street",
            "city": "Pecan Springs",
            "state": "TX",
            "zip": "44628",
            "country": "USA"
        },
        "customerIP": "192.168.1.1",
        "transactionSettings": {
            "setting": {
            "settingName": "testRequest",
            "settingValue": "false"
            }
        },
        "userFields": {
            "userField": [
            {
                "name": "MerchantDefinedFieldName1",
                "value": "MerchantDefinedFieldValue1"
            },
            {
                "name": "favorite_color",
                "value": "blue"
            }
            ]
        }
        }
    }
  }

  return fetch("https://test.authorize.net/xml/v1/request.api", {
    "method": "post", 
    "headers": {"Content-Type": "application/json"}, 
    "body": data
  })
  .then(response => {console.log(response.json())});///if response.text is used, it gives details

}

примечание в конце внутреннего кода, вызывающее response.json, дает мне ошибку json, потому что код возврата содержит HTML, говорящий о том, что я запросил неверные данные. если я изменяю это на response.text, я получаю это в своей консоли:

//console response with response.text
{...}
isFulfilled: 
true
isRejected: 
false
fulfillmentValue: 
"<HTML><HEAD>\n<TITLE>Bad Request</TITLE>\n</HEAD><BODY>\n<H1>Bad Request</H1>\nYour browser sent a request that this server could not understand.<P>\nReference&#32;&#35;7&#46;1d60fea5&#46;1557756725&#46;387c74\n</BODY>\n</HTML>\n"

как получить хороший ответ от API? как я сделал с тем же кодом в почтальоне?

спасибо заранее

Answer 1

return fetch(url, {
    method: "post", 
    headers: {"Content-Type": "application/json"}, 
    body: JSON.stringify(data)
  })

  .then(response => console.log(response.text())
  )

это дало мне результат, который я искал

stringify () преобразовал мой объект в строку JSON. я все еще не могу заставить его читать входящий JSON, возможно, придется использовать синтаксический анализ ... но если я читаю как текст, я получаю необходимую информацию, и мой API показывает успешную транзакцию.