常連

phpでSquareを用いた決済の実装を行っています。
まずはサンプルを試しています。ダウンロードしたサンプルはこちら。
[https://github.com/square/connect-api-examples/tree/master/connect-examples/v2/php_payment](https://github.com/square/connect-api-examples/tree/master/connect-examples/v2/php_payment)

テストで本番決済できましたが、

![イメージ説明](9cb5dca63e5940208cb4549eaad59904.png)
Squareの管理画面のお取引に表示される商品が「任意の金額」となっております。
こちらにphpで吐き出した注文IDや商品名などを表示（登録）させたいのですが、
方法がわかりません…

ご存じの方いらっしゃいましたら、ご教示いただけますと幸いです。
以下、コードです。（gitのサンプルほぼそのままですが）

index.php（決済フォームのあるページ）
```
<?php
require_once ("../../vendor/autoload.php");

use Square\Environment;
// dotenv is used to read from the '.env' file created for credentials
//$dotenv = Dotenv\Dotenv::create(__DIR__);
//$dotenv->load();

// Pulled from the .env file and upper cased e.g. sandbox, production.
$upper_case_environment = strtoupper("production");

?>
<html>
<head>
  <title>My Payment Form</title>
  
  
  <script type="text/javascript" src=
    <?php
        echo "\"";
        echo ("production" === Environment::PRODUCTION)  ?  "https://js.squareup.com/v2/paymentform"
                                            :  "https://js.squareupsandbox.com/v2/paymentform";
        echo "\"";
    ?>
  ></script>
  <script type="text/javascript">
    window.applicationId ="アプリケーションIDをもってきます";
    window.locationId ="ロケーションIDをもってきます";
  </script>

  
  <script type="text/javascript" src="js/sq-payment-form.js"></script>
  
  <link rel="stylesheet" type="text/css" href="css/sq-payment-form.css">
</head>
<body>
  
  <div class="sq-payment-form">
    
 
    <div id="sq-ccbox">
      
      <form id="nonce-form" novalidate action="./process-card.php" method="post">
        <input type="hidden" value="12121212" name="order_id">
        <input type="hidden" value="100" name="total_price">
        <div class="sq-field">
          <label class="sq-label">カード番号</label>
          <div id="sq-card-number"></div>
        </div>
        <div class="sq-field-wrapper">
          <div class="sq-field sq-field--in-wrapper">
            <label class="sq-label">ｾｷｭﾘﾃｨｺｰﾄﾞ</label>
            <div id="sq-cvv"></div>
          </div>
          <div class="sq-field sq-field--in-wrapper">
            <label class="sq-label">有効期限</label>
            <div id="sq-expiration-date"></div>
          </div>
          <div class="sq-field sq-field--in-wrapper">
            <label class="sq-label">郵便番号</label>
            <div id="sq-postal-code"></div>
          </div>
        </div>
        <div class="sq-field">
          <button id="sq-creditcard" class="sq-button" onclick="onGetCardNonce(event)">
            100円を支払う
          </button>
        </div>
        
        <div id="error"></div>
        <input type="hidden" id="card-nonce" name="nonce">
      </form>
    </div>
  </div>
  
</body>
</html>

```

process-card.php（決済の処理を行うページ）
```
<?php

// Note this line needs to change if you don't use Composer:
// require('square-php-sdk/autoload.php');
require_once ("../../vendor/autoload.php");

//use Dotenv\Dotenv;
use Square\Models\Money;
use Square\Models\CreatePaymentRequest;
use Square\Exceptions\ApiException;
use Square\SquareClient;

//追加 前ページからIDと金額を取得。※現在は前ページはべた書き
$order_id = $_POST["order_id"];
$total_price = $_POST["total_price"];

// Pulled from the .env file and upper cased e.g. SANDBOX, PRODUCTION.
$upper_case_environment = strtoupper("production");

// The access token to use in all Connect API requests.
// Set your environment as *sandbox* if you're just testing things out.
$access_token =  "アクセストークンをもってくる";    

// Initialize the Square client.
$client = new SquareClient([
  'accessToken' => $access_token,  
  'environment' => "production"
]);

// Helps ensure this code has been reached via form submission
if ($_SERVER['REQUEST_METHOD'] != 'POST') {
  error_log('Received a non-POST request');
  echo 'Request not allowed';
  http_response_code(405);
  return;
}

// Fail if the card form didn't send a value for `nonce` to the server
$nonce = $_POST['nonce'];
if (is_null($nonce)) {
  echo 'Invalid card data';
  http_response_code(422);
  return;
}

$payments_api = $client->getPaymentsApi();

// To learn more about splitting payments with additional recipients,
// see the Payments API documentation on our [developer site]
// (https://developer.squareup.com/docs/payments-api/overview).

$money = new Money();
  // Monetary amounts are specified in the smallest unit of the applicable currency.
  // This amount is in cents. It's also hard-coded for $1.00, which isn't very useful.
$money->setAmount($total_price);
$money->setCurrency('JPY');
//$money->setNote('test');

  // Every payment you process with the SDK must have a unique idempotency key.
  // If you're unsure whether a particular payment succeeded, you can reattempt
  // it with the same idempotency key without worrying about double charging
  // the buyer.
$create_payment_request = new CreatePaymentRequest($nonce, uniqid(), $money);

// The SDK throws an exception if a Connect endpoint responds with anything besides
// a 200-level HTTP code. This block catches any exceptions that occur from the request.
try {
  $response = $payments_api->createPayment($create_payment_request);
  // If there was an error with the request we will
  // print them to the browser screen here
  if ($response->isError()) {
    echo 'Api response has Errors';
    $errors = $response->getErrors();
    echo '<ul>';
    foreach ($errors as $error) {
        echo '<li>❌ ' . $error->getDetail() . '</li>';
    }
    echo '</ul>';
    exit();
  }
  echo '<pre>';
 
//決済IDの取得
  $resp_arr = $response->getBody();
  $resp_dec = json_decode($resp_arr, true);
  $pmtid = $resp_dec["payment"] ["id"];
  print($pmtid);
  
  echo '</pre>';
} catch (ApiException $e) {
  echo 'Caught exception!<br/>';
  echo('<strong>Response body:</strong><br/>');
  echo '<pre>'; var_dump($e->getResponseBody()); echo '</pre>';
  echo '<br/><strong>Context:</strong><br/>';
  echo '<pre>'; var_dump($e->getContext()); echo '</pre>';
  
  exit();
}
```

Squareを使用した決済。メモや商品名を決済に登録したい

PHPでSquare Eコマース決済を試す
https://qiita.com/goofmint/items/c89fc7d711a665cb9d2a

上記のコードを使用し、Squareのsandbox環境でのテストを行なったところ、
ローカルサーバ上では問題なくTransactionオブジェクトのダンプが表示されましたが
リモートサーバ上ではエラーとなります。

Caught exception!
Response body:
object(stdClass)#12 (1) {
  ["errors"]=>
  array(1) {
    [0]=>
    object(stdClass)#13 (3) {
      ["category"]=>
      string(21) "INVALID_REQUEST_ERROR"
      ["code"]=>
      string(9) "NOT_FOUND"
      ["detail"]=>
      string(160) "Card nonce not found in this `sandbox` application environment. Please ensure an application ID belonging to the same environment is used to generate the nonce."
    }
  }
}

エラーメッセージで検索をかけてみましたが解決せず、
わかる方がいらっしゃいましたらお力添えいただけますと幸いです。

PHPでSquare決済をサーバ上でテストするとエラーとなる

### 前提・実現したいこと

Squareで支払いが行われたことをLaravelで検知する。

Laravelでwebサービスを作っています。

自分のサイト内で使用できるポイントを購入するために
Squareの支払いを使えないかと考えています。

### 発生している問題・疑問点

期待する手順としては

１．ユーザーが画面で金額を入力→決済　(APIを送信？)
２．決済した結果が戻る（APIのレスポンスが返ってくる？）
３．決済が成功していたら、サイト内ポイントが増える　※ここで「決済が成功していたら」の判断方法が分からない

という流れを考えています。

上記の「決済が成功したら」について、
どのようなチェックをすれば「決済が成功した」という判定になるのか分かりませんでした。

### 調べたこと
https://arrown-blog.com/php-laravel-stripe-creditcard3/

上記のサイトでは
```PHP
\Stripe\Exception\CardException
```
がcatchされなければ正常処理としていましたが、
その判断だけでいいのかはっきりわかりませんでした。

### 知りたいこと

・Squareではどのような場合に「決済が成功した」と判断できるのか？
　→Exceptionが起きなかったらから成功ではチェック機能として弱いのではないか？レスポンスのパラメータをチェックする必要はないのか？
・SquareのAPI仕様書など、パラメータが分かる資料があればURLを教えていただきたい。

Squareで支払いが行われたことをLaravelで検知する

### 決済システムSquareのAPIについて

現在、自身のサイトに決済システムSquareを導入しようと考えており、APIを学習しています。
[公式のドキュメント](https://developer.squareup.com/docs/payment-form/payment-form-walkthrough)を見ながら進めたところ、localhostでは、実際のカードを使った決済が完了しましたが、本番環境(お名前.comにてワードプレス使用)では、エラーとなってしまいます。

### 発生している問題・エラーメッセージ

```
SyntaxError: Unexpected token < in JSON at position 0
恐らくtokenとは、アクセストークンのことを指しているのだと思います。
```

### 試したこと

公式のドキュメントでは、localhostにnode.jsをインストールして環境構築をしました。
server.jsというファイルに、アクセストークンのコードがあるので、server.jsのファイルをサーバーにアップロードしないといけないと考えていますが、local環境と同様に、他のファイルと同じディレクトリにアップロードしても機能しません。

ローカル環境では動作するものが、本番環境では動作しない原因など、もし見当つく方がいればご回答お願いいたします。

### コード
```index.html
<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>
```

```server.js
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}`)
);
```

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

### 実現したいこと
- ESP32-CAMを用いてngrokを通じてストリームしたい
- ngrokでトンネリングしたURLを用いてquasar上でストリームしたい


### 前提
**ESP32のボードマネージャのバージョンが1.0.6の時**
ローカル環境をngrokでトンネリングして，ポート番号80番のサーバーを立ち上げようとすると「431 Request Header Fields Too Large」と返されそもそも立ち上がらなかったです．

**ESP32のボードマネージャのバージョンが2.0.7の時**
ローカル環境をngrokでトンネリングするとサーバーは立ち上げることはできました．しかしStart Streamをクリックしてもストリームが始まりません．

### 発生している問題・エラーメッセージ
ESP32のボードマネージャのバージョンをアップデートすることで「431 Request Header Fields Too Large」に関しては解決できたので以降はバージョンが2.0.7の時のことを記載します．

Start Streamをクリックしたときの開発者ツールの様子を添付いたします．

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-28/cefedcc5-0e41-4c7e-aa04-fe4f3672715c.png)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-28/9aeccc08-12b4-4724-97b7-912161a74da7.png)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-28/4868b4d7-9885-4575-b45e-90e5455de134.png)

### 該当のソースコード
Arduino IDEのスケッチ例→ESP32→Camera→CameraWebServerを使用しました．
```C＋＋
#include "esp_camera.h"
#include <WiFi.h>

//
// WARNING!!! PSRAM IC required for UXGA resolution and high JPEG quality
//            Ensure ESP32 Wrover Module or other board with PSRAM is selected
//            Partial images will be transmitted if image exceeds buffer size
//
//            You must select partition scheme from the board menu that has at least 3MB APP space.
//            Face Recognition is DISABLED for ESP32 and ESP32-S2, because it takes up from 15 
//            seconds to process single frame. Face Detection is ENABLED if PSRAM is enabled as well

// ===================
// Select camera model
// ===================
//#define CAMERA_MODEL_WROVER_KIT // Has PSRAM
//#define CAMERA_MODEL_ESP_EYE // Has PSRAM
//#define CAMERA_MODEL_ESP32S3_EYE // Has PSRAM
//#define CAMERA_MODEL_M5STACK_PSRAM // Has PSRAM
//#define CAMERA_MODEL_M5STACK_V2_PSRAM // M5Camera version B Has PSRAM
//#define CAMERA_MODEL_M5STACK_WIDE // Has PSRAM
//#define CAMERA_MODEL_M5STACK_ESP32CAM // No PSRAM
//#define CAMERA_MODEL_M5STACK_UNITCAM // No PSRAM
#define CAMERA_MODEL_AI_THINKER // Has PSRAM
//#define CAMERA_MODEL_TTGO_T_JOURNAL // No PSRAM
// ** Espressif Internal Boards **
//#define CAMERA_MODEL_ESP32_CAM_BOARD
//#define CAMERA_MODEL_ESP32S2_CAM_BOARD
//#define CAMERA_MODEL_ESP32S3_CAM_LCD

#include "camera_pins.h"

// ===========================
// Enter your WiFi credentials
// ===========================
const char* ssid = "*****************";
const char* password = "****************";



void startCameraServer();
void setupLedFlash(int pin);

void setup() {
  Serial.begin(115200);
  Serial.setDebugOutput(true);
  Serial.println();

  camera_config_t config;
  config.ledc_channel = LEDC_CHANNEL_0;
  config.ledc_timer = LEDC_TIMER_0;
  config.pin_d0 = Y2_GPIO_NUM;
  config.pin_d1 = Y3_GPIO_NUM;
  config.pin_d2 = Y4_GPIO_NUM;
  config.pin_d3 = Y5_GPIO_NUM;
  config.pin_d4 = Y6_GPIO_NUM;
  config.pin_d5 = Y7_GPIO_NUM;
  config.pin_d6 = Y8_GPIO_NUM;
  config.pin_d7 = Y9_GPIO_NUM;
  config.pin_xclk = XCLK_GPIO_NUM;
  config.pin_pclk = PCLK_GPIO_NUM;
  config.pin_vsync = VSYNC_GPIO_NUM;
  config.pin_href = HREF_GPIO_NUM;
  config.pin_sscb_sda = SIOD_GPIO_NUM;
  config.pin_sscb_scl = SIOC_GPIO_NUM;
  config.pin_pwdn = PWDN_GPIO_NUM;
  config.pin_reset = RESET_GPIO_NUM;
  config.xclk_freq_hz = 20000000;
  config.frame_size = FRAMESIZE_UXGA;
  config.pixel_format = PIXFORMAT_JPEG; // for streaming
  //config.pixel_format = PIXFORMAT_RGB565; // for face detection/recognition
  config.grab_mode = CAMERA_GRAB_WHEN_EMPTY;
  config.fb_location = CAMERA_FB_IN_PSRAM;
  config.jpeg_quality = 12;
  config.fb_count = 1;
  
  // if PSRAM IC present, init with UXGA resolution and higher JPEG quality
  //                      for larger pre-allocated frame buffer.
  if(config.pixel_format == PIXFORMAT_JPEG){
    if(psramFound()){
      config.jpeg_quality = 10;
      config.fb_count = 2;
      config.grab_mode = CAMERA_GRAB_LATEST;
    } else {
      // Limit the frame size when PSRAM is not available
      config.frame_size = FRAMESIZE_SVGA;
      config.fb_location = CAMERA_FB_IN_DRAM;
    }
  } else {
    // Best option for face detection/recognition
    config.frame_size = FRAMESIZE_240X240;
#if CONFIG_IDF_TARGET_ESP32S3
    config.fb_count = 2;
#endif
  }

#if defined(CAMERA_MODEL_ESP_EYE)
  pinMode(13, INPUT_PULLUP);
  pinMode(14, INPUT_PULLUP);
#endif

  // camera init
  esp_err_t err = esp_camera_init(&config);
  if (err != ESP_OK) {
    Serial.printf("Camera init failed with error 0x%x", err);
    return;
  }

  sensor_t * s = esp_camera_sensor_get();
  // initial sensors are flipped vertically and colors are a bit saturated
  if (s->id.PID == OV3660_PID) {
    s->set_vflip(s, 1); // flip it back
    s->set_brightness(s, 1); // up the brightness just a bit
    s->set_saturation(s, -2); // lower the saturation
  }
  // drop down frame size for higher initial frame rate
  if(config.pixel_format == PIXFORMAT_JPEG){
    s->set_framesize(s, FRAMESIZE_QVGA);
  }

#if defined(CAMERA_MODEL_M5STACK_WIDE) || defined(CAMERA_MODEL_M5STACK_ESP32CAM)
  s->set_vflip(s, 1);
  s->set_hmirror(s, 1);
#endif

#if defined(CAMERA_MODEL_ESP32S3_EYE)
  s->set_vflip(s, 1);
#endif

// Setup LED FLash if LED pin is defined in camera_pins.h
#if defined(LED_GPIO_NUM)
  setupLedFlash(LED_GPIO_NUM);
#endif

  WiFi.begin(ssid, password);
  WiFi.setSleep(false);

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }
  Serial.println("");
  Serial.println("WiFi connected");

  startCameraServer();

  Serial.print("Camera Ready! Use 'http://");
  Serial.print(WiFi.localIP());
  Serial.println("' to connect");
}

void loop() {
  // Do nothing. Everything is done in another task by the web server
  delay(10000);
}

```

### 試したこと
以下のコードを上記のコードに追加しました．
```C＋＋
#define STREAM_PORT 81
#define STREAM_URL "https:*****************.jp.ngrok.io/stream"
```

### 補足情報（FW/ツールのバージョンなど）

最終目標はquasar上でストリームすることなのでその時の開発者ツールの様子も添付いたします．ローカル環境においてはストリーム出来ました．

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-28/760e79d0-fbae-408e-967c-2a802a16b976.png)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-28/880e14db-22ae-42ae-8351-1f48b70f1f1a.png)

開発者ツールのHeaders
> Request URL: https://************************.jp.ngrok.io/stream
> Request Method: GET
> Status Code: 200 
> Remote Address: [2406:da14:540:e900::6e:0]:443
> Referrer Policy: strict-origin-when-cross-origin
> content-length: 1545
> content-security-policy: default-src 'self' https://cdn.ngrok.com 'unsafe-eval' 'unsafe-inline'
> content-type: text/html
> date: Mon, 27 Feb 2023 17:11:43 GMT
> ngrok-trace-id: 2ab2d3eccd3155312d83c9b3f49c29cc
> referrer-policy: no-referrer
> x-content-type-options: nosniff
> :authority: ****************************.jp.ngrok.io
> :method: GET
> :path: /stream
> :scheme: https
> accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
> accept-encoding: gzip, deflate, br
> accept-language: ja,en-US;q=0.9,en;q=0.8
> referer: http://localhost:8080/
> sec-ch-ua: "Chromium";v="110", "Not A(Brand";v="24", "Google Chrome";v="110"
> sec-ch-ua-mobile: ?0
> sec-ch-ua-platform: "Windows"
> sec-fetch-dest: image
> sec-fetch-mode: no-cors
> sec-fetch-site: cross-site
> user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36


ESP32-CAMを用いてngrokを通じてストリームしたいです

以下のサンプルコードをダウンロードしてSquareのAPIを試しておりますが
エラーが発生して動作確認ができません。

エラーが発生しました。: Request not authorizedとなってしまいます。

PHPでSquare Eコマース決済を試す
https://qiita.com/goofmint/items/c89fc7d711a665cb9d2a
https://github.com/goofmint/SquareCommercePHPDemo

デモソースを以下のように修正いたしました。

process-card.php 7行目
$access_token = ''; //Sandbox Access Tokenを入力

sqpaymentform.js 1行目
var applicationId = ""; // Sandbox Application IDを入力
var locationId = ""; //Default Test AccountのLocation IDを入力

ちなみに以下のページの Retrieve your location IDs は正常に動作しておりますので
インストールはできているかと思います。
以下ではPersonal Access Tokenで動作できました。
https://github.com/square/connect-php-sdk

何卒よろしくお願いいたします。

SquareのAPIがRequest not authorizedになってしまう

編集---------------------------------------------------------------

編集-----------

### 実現したいこと
soundBoxにて実装を行なっております。
その中で購入時にクレジットカード情報を入力しトークンを発行(3Dセキュアも含む)したのちに
APIで顧客情報を作成しクレジットカードを保存しその後決済をしようと考えています。

### 発生している問題・分からないこと
その上でまずは保存のみの実装を行いました。
ですが保存を試みると
The verification token provided is invalid.
とエラーが発生します。
なのでトークンの発行時に何か失敗しているのではないかと思い、
一旦保存は後回しにし決済実行のみ行おうと試みると問題なく決済は実行ができました。
実装方法に問題があるのでしょうか？
わかる方いらっしゃいましたらお願いいたします。
念の為顧客作成と決済時の実装も記載いたします。



### 該当のソースコード

```php
//顧客情報作成
$createCustomerRequest = new CreateCustomerRequest();
$createCustomerRequest->setFamilyName($name);
$api_response = $this->_client->getCustomersApi()->createCustomer($createCustomerRequest);
if ($api_response->isSuccess()) {
    $result = $api_response->getResult();
    $customerId = $result->getCustomer()->getId();
} else {
    $errors = $api_response->getErrors();
    errorCommon::sendError('顧客が作成できませんでした。' . $errors[0]->getDetail(), __FILE__);
}
```

```php
//顧客情報に決済を紐付ける
$card = new Card();
$card->setCustomerId($customerId);
$createCardRequest = new CreateCardRequest(
    uniqid('pk_', true) . bin2hex(random_bytes(4)),
    $squareToken,
    $card
);
$createCardRequest->setVerificationToken($square3DToken);
$api_response = $this->_client->getCardsApi()->createCard($createCardRequest);
if ($api_response->isSuccess()) {
    $result = $api_response->getResult();
    $cardId = $result->getCard()->getId();
} else {
    $errors = $api_response->getErrors();
    errorCommon::sendError('カードが紐づけられませんでした。' . $errors[0]->getDetail() , __FILE__);
}
```

```php
//決済実行
$money = new Money();
$money->setAmount($amount);
$money->setCurrency('JPY');

$createPaymentRequest = new CreatePaymentRequest(
    $cardId ? null : $squareToken,
    uniqid('pu_', true) . bin2hex(random_bytes(4)),
);

$createPaymentRequest->setAmountMoney($money);
$createPaymentRequest->setDelayDuration('P7D');
$createPaymentRequest->setCustomerId($customerId);
$createPaymentRequest->setVerificationToken($square3DToken);
$api_response = $this->_client->getPaymentsApi()->createPayment($createPaymentRequest);

if ($api_response->isSuccess()) {
    $result = $api_response->getResult();
    $paymentId = $result->getPayment()->getId();
} else {
    $errors = $api_response->getErrors();
    errorCommon::sendError('決済が作れませんでした。' . $errors[0]->getDetail() , __FILE__);
}

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
一旦保存は後回しにし決済実行のみ行おうと試みると問題なく決済は実行ができました。

### 補足
特になし