Cloudflare Turnstile
と CapMonster Cloud

// npm install playwright @zennolab_com/capmonstercloud-client

import { chromium } from "playwright";
import { CapMonsterCloudClientFactory, ClientOptions, TurnstileRequest } from "@zennolab_com/capmonstercloud-client";

async function main() {
  // 1. CapMonster Cloud経由でTurnstileを解決
  const cmcClient = CapMonsterCloudClientFactory.Create(
    new ClientOptions({ clientKey: 'YOUR_CAPMONSTER_API_KEY' })
  );

  const turnstileRequest = new TurnstileRequest({
    websiteURL: 'http://tsmanaged.zlsupport.com',
    websiteKey: '0x4AAAAAAABUYP0XeMJF0xoy',
  });

  const result = await cmcClient.Solve(turnstileRequest);
  const token = result.solution.token;
  console.log('Turnstileトークンを受信しました：', token);

  // 2. Playwrightの起動
  const browser = await chromium.launch({ headless: false });
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('http://tsmanaged.zlsupport.com');

  // 3. ログインとパスワードの入力
  await page.fill('#username', 'your_username');
  await page.fill('#password', 'your_password');

  // 4. 非表示のトークンフィールドが表示されるのを待つ
  await page.waitForSelector('#token', { state: 'attached', timeout: 60000 });

  // 5. トークンを挿入してフィールドを表示する
  await page.evaluate((t) => {
    const tokenInput = document.querySelector('#token');
    if (tokenInput) {
      tokenInput.type = 'text';  // フィールドを表示する
      tokenInput.value = t;      // トークンを挿入
      console.log('トークンフィールドにトークンが挿入されました');
    } else {
      console.error('フィールド #token が見つかりません');
    }
  }, token);

  // 6. トークンが実際に挿入されたことを確認
  const checkValue = await page.$eval('#token', el => el.value);
  console.log('トークン値の確認:', checkValue);

  // 7. フォームの送信
  await page.click('button[type="submit"]');
  console.log('Turnstileトークンでフォームが送信されました');

  // await browser.close();
}

main().catch(err => console.error(err));