決済システムSquareのAPIが本番環境で動作しない

Question

決済システムSquareのAPIについて

現在、自身のサイトに決済システムSquareを導入しようと考えており、APIを学習しています。
公式のドキュメントを見ながら進めたところ、localhostでは、実際のカードを使った決済が完了しましたが、本番環境(お名前.comにてワードプレス使用)では、エラーとなってしまいます。

発生している問題・エラーメッセージ

SyntaxError: Unexpected token < in JSON at position 0
恐らくtokenとは、アクセストークンのことを指しているのだと思います。

試したこと

公式のドキュメントでは、localhostにnode.jsをインストールして環境構築をしました。
server.jsというファイルに、アクセストークンのコードがあるので、server.jsのファイルをサーバーにアップロードしないといけないと考えていますが、local環境と同様に、他のファイルと同じディレクトリにアップロードしても機能しません。

ローカル環境では動作するものが、本番環境では動作しない原因など、もし見当つく方がいればご回答お願いいたします。

コード

<script type="text/javascript">
      // Create and initialize a payment form object
      const paymentForm = new SqPaymentForm({
        // Initialize the payment form elements
        
        //TODO: Replace with your sandbox application ID
        applicationId: "application ID",
        inputClass: 'sq-input',
        autoBuild: false,
        // Customize the CSS for SqPaymentForm iframe elements
        inputStyles: [{
            fontSize: '16px',
            lineHeight: '24px',
            padding: '16px',
            placeholderColor: '#a0a0a0',
            backgroundColor: 'transparent',
        }],
        // Initialize the credit card placeholders
        cardNumber: {
            elementId: 'sq-card-number',
            placeholder: 'Card Number'
        },
        cvv: {
            elementId: 'sq-cvv',
            placeholder: 'CVV'
        },
        expirationDate: {
            elementId: 'sq-expiration-date',
            placeholder: 'MM/YY'
        },
        postalCode: {
            elementId: 'sq-postal-code',
            placeholder: 'Postal'
        },
        // SqPaymentForm callback functions
        callbacks: {
            /*
            * callback function: cardNonceResponseReceived
            * Triggered when: SqPaymentForm completes a card nonce request
            */
            cardNonceResponseReceived: function (errors, nonce, cardData) {
            if (errors) {
                // Log errors from nonce generation to the browser developer console.
                console.error('Encountered errors:');
                errors.forEach(function (error) {
                    console.error('  ' + error.message);
                });
                alert('Encountered errors, check browser developer console for more details');
                return;
            }
               alert(`The generated nonce is:\n${nonce}`);
               fetch('process-payment', {
                method: 'POST',
                headers: {
                  'Accept': 'application/json',
                  'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                  nonce: nonce
                })
              })
              .catch(err => {
                alert('Network error: ' + err);
              })
              .then(response => {
                if (!response.ok) {
                  return response.json().then(errorInfo => Promise.reject(errorInfo)); //UPDATE HERE
                }
                return response.json(); //UPDATE HERE
              })
              .then(data => {
                console.log(data); //UPDATE HERE
                alert('Payment complete successfully!\nCheck browser developer console for more details');
              })
              .catch(err => {
                console.error(err);
                alert('Payment failed to complete!\nCheck browser developer console for more details');
              });
            }
        }
      });
      paymentForm.build();
     // onGetCardNonce is triggered when the "Pay $1.00" button is clicked
     function onGetCardNonce(event) {
       // Don't submit the form until SqPaymentForm returns with a nonce
       event.preventDefault();
       // Request a nonce from the SqPaymentForm object
       paymentForm.requestCardNonce();
     }
    </script>

const express = require('express');
const bodyParser = require('body-parser');
const crypto = require('crypto');
const squareConnect = require('square-connect');

const app = express();
const port = 3000;

// Set the Access Token
const accessToken = 'Access Token';

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.static(__dirname));

// Set Square Connect credentials and environment
const defaultClient = squareConnect.ApiClient.instance;

// Configure OAuth2 access token for authorization: oauth2
const oauth2 = defaultClient.authentications['oauth2'];
oauth2.accessToken = accessToken;

// Set 'basePath' to switch between sandbox env and production env
// sandbox: https://connect.squareupsandbox.com
// production: https://connect.squareup.com
defaultClient.basePath = 'https://connect.squareup.com';

app.post('/process-payment', async (req, res) => {
  const request_params = req.body;

  // length of idempotency_key should be less than 45
  const idempotency_key = crypto.randomBytes(22).toString('hex');

  // Charge the customer's card
  const payments_api = new squareConnect.PaymentsApi();
  const request_body = {
    source_id: request_params.nonce,
    amount_money: {
      amount: 100, // $1.00 charge
      currency: 'JPY'
    },
    idempotency_key: idempotency_key
  };

  try {
    const response = await payments_api.createPayment(request_body);
    res.status(200).json({
      'title': 'Payment Successful',
      'result': response
    });
  } catch(error) {
    res.status(500).json({
      'title': 'Payment Failure',
      'result': error.response.text
    });
  }
});

app.listen(
  port,
  () => console.log(`listening on - http://localhost:${port}`)
);

Comments

[CHERRY]

質問に書かれている内容であれば、実行する環境に node.js をインストールして環境構築する必要があると思いますが、リモート環境にもローカル環境と同じように node.js をインストールしたのでしょうか？

[gatta]

遅くなりまして申し訳ありません。
こちらで、質問する前に、知り合いに聞いたところ、node.jsは必要ないのではないか、もしくは安い共用サーバーでは、node.jsをインストールできないのではないかと言われました。
彼もエンジニア職ではなく、デザイナーなので詳しいアドバイスまでは受けれませんでしたが、自分より経験があるので、そういうものなのかと感じておりました。
また、お名前.comにnode.jsをインストールしたという記事も見当たらなかったため、node.jsをインストールするという考えが間違っているのではないかなと思い、こちらで質問した次第です。

node.jsをインストールするという考え方があっている、もしくは間違っていて他にローカル環境では作動し、本番環境では動作しない原因の見当がつく方がいらっしゃればぜひ、お力添えよろしくお願いいたします。