W tym artykule staraliśmy się odpowiedzieć na wszystkie najważniejsze pytania. Pierwszym krokiem w rozwiązywaniu problemu jest ustalenie, jaki system ochrony jest używany. W tym celu możesz skorzystać z listy popularnych captcha i systemów ochrony antybotowej, gdzie znajdziesz przykłady graficzne oraz kluczowe cechy, które pomogą szybko rozpoznać, z czym masz do czynienia.
Jeśli okaże się, że na Twojej stronie używany jest TenDI (Tencent), kolejnym krokiem będzie dokładniejsze poznanie jej właściwości i sposobu działania. W tym artykule możesz również zapoznać się z instrukcją integracji systemu TenDI (Tencent), aby w pełni zrozumieć, jak funkcjonuje on na Twojej stronie. Dzięki temu nie tylko lepiej poznasz obecną ochronę, ale też świadomie zaplanujesz jej dalsze utrzymanie.
Praca z CapMonster Cloud poprzez API zazwyczaj obejmuje następujące kroki:
type - CustomTask
class - TenDI
websiteURL - Adres strony, na której captcha jest rozwiązywana.
websiteKey - captchaAppId. Na przykład "websiteKey": "189123456" — unikalny parametr dla twojej strony
captchaUrl (w metadata) - Link do skryptu z captchą. Zazwyczaj kończy się na TCaptcha.js lub TCaptcha-global.js;
websiteURL - Adres strony, na której captcha jest rozwiązywana;
userAgent (opcjonalnie) - User-Agent przeglądarki. Przesyłaj tylko aktualny UA z Windows.
https://api.capmonster.cloud/createTask
{
"clientKey": "API_KEY",
"task": {
"type": "CustomTask",
"class": "TenDI",
"websiteURL": "https://example.com",
"websiteKey": "189123456",
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36",
"metadata": {
"captchaUrl": "https://global.captcha.example.com/TCaptcha-global.js"
}
}
}
{
"errorId":0,
"taskId":407533072
}https://api.capmonster.cloud/getTaskResult{
"clientKey":"API_KEY",
"taskId": 407533072
}
{
"errorId":0,
"status":"ready",
"solution": {
"data": {
"randstr": "@EcL",
"ticket": "tr03lHUhdnuW3neJZu.....7LrIbs*"
},
"headers": {
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36"
}
}
}
// npx playwright install chromium
import { chromium } from 'playwright';
import { CapMonsterCloudClientFactory, ClientOptions, TenDIRequest } from '@zennolab_com/capmonstercloud-client';
// Zamień na własne wartości
const API_KEY = "YOUR_API_KEY";
const WEBSITE_URL = "https://example.com";
async function solveTenDIOnPage() {
const browser = await chromium.launch({ headless: false });
const context = await browser.newContext();
const page = await context.newPage();
// 1. Otwieramy stronę
await page.goto(WEBSITE_URL, { waitUntil: 'networkidle' });
// 2. Czekamy na pojawienie się captchy (np. input lub iframe)
await page.waitForSelector('#tendi_response, iframe[src*="tendi"], input[name="tendi_response"]', { timeout: 15000 });
// Jeśli trzeba, można pobrać websiteKey ze strony
const WEBSITE_KEY = await page.evaluate(() => {
// Przykład: sitekey może być w atrybucie data lub zmiennej globalnej
const el = document.querySelector('#tendi_response') || document.querySelector('div[data-sitekey]');
return el?.getAttribute('data-sitekey') || window.TenDI_siteKey || "183268248";
});
console.log("Website key detected:", WEBSITE_KEY);
const client = CapMonsterCloudClientFactory.Create(
new ClientOptions({ clientKey: API_KEY })
);
// 3. Tworzymy zadanie TenDI
const tenDIRequest = new TenDIRequest({
websiteURL: page.url(),
websiteKey: WEBSITE_KEY,
});
const balance = await client.getBalance();
console.log("Balance:", balance);
// 4. Rozwiązujemy captchę
const solution = await client.Solve(tenDIRequest);
console.log("Solution:", solution);
const { ticket, randstr } = solution.solution.data;
// 5. Sposoby wstawienia wyniku
await page.evaluate(({ ticket, randstr }) => {
// Wstawienie do input
const inputSelectors = ['#tendi_response', 'input[name="tendi_response"]', 'input[type="hidden"]'];
let inserted = false;
for (const sel of inputSelectors) {
const input = document.querySelector(sel);
if (input) {
input.value = ticket;
input.dispatchEvent(new Event('input', { bubbles: true }));
const form = input.closest('form');
if (form) form.submit();
inserted = true;
break;
}
}
// Funkcja callback JS
if (typeof window.onCaptchaSolved === 'function') {
window.onCaptchaSolved(ticket, randstr);
inserted = true;
}
// Jeśli nie ma input ani callback
if (!inserted) {
window._tenDITicket = ticket;
window._tenDIRandStr = randstr;
console.log("Ticket and randstr saved to window._tenDITicket and window._tenDIRandStr");
}
}, { ticket, randstr });
await page.waitForTimeout(5000);
await browser.close();
}
solveTenDIOnPage().catch(console.error);
Otrzymasz dwa parametry: CaptchaAppId i AppSecretKey. Będą używane na frontendzie i serwerze.
Po kliknięciu pojawia się captcha, a po jej rozwiązaniu wynik wyświetlany jest w konsoli.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Captcha Example</title>
// Wymagane ładowanie JS captchy
<script src="https://ca.turing.captcha.qcloud.com/TJNCaptcha-global.js"></script>
</head>
<body>
<div id="cap_iframe"></div>
<button id="CaptchaId">Verification</button>
<script>
// Przetwarzanie wyniku
function callback(res) {
console.log("callback:", res);
if (res.ret === 0) {
// Weryfikacja zakończona sukcesem
const text = `[randstr] ${res.randstr} | [ticket] ${res.ticket}`;
const input = document.createElement("input");
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand("Copy");
document.body.removeChild(input);
alert("Ticket i randstr skopiowane do schowka.");
}
}
// Obsługa błędów ładowania skryptu captchy
function loadErrorCallback() {
const appid = "CaptchaAppId";
const ticket = `trerror_1001_${appid}_1769260288`;
callback({
ret: 0,
randstr: "@" + Math.random().toString(36).slice(2),
ticket,
errorCode: 1001,
errorMessage: "jsload_error",
});
}
window.onload = function () {
document.getElementById("CaptchaId").onclick = function () {
try {
const captcha = new TencentCaptcha(
document.getElementById("cap_iframe"),
"Your CaptchaAppId",
callback,
{}
);
captcha.show();
} catch (e) {
loadErrorCallback();
}
};
};
</script>
</body>
</html>
Jak działa integracja
Krok 1: Załaduj JS captchy
Skrypt musi być ładowany dynamicznie:
<script src="https://ca.turing.captcha.qcloud.com/TJNCaptcha-global.js"></script>Nieprawidłowe lub pamiętanie w cache może spowodować niepoprawne działanie captchy.
Krok 2: Utwórz obiekt TencentCaptcha
Po załadowaniu JS pojawia się klasa globalna:
<script src="new TencentCaptcha(domElement, CaptchaAppId, callback, options);"></script>Parametry:
domElement - Kontener, w którym umieszczony jest checkbox/iframe
CaptchaAppId - Twój ID
callback - Co zrobić po weryfikacji
options - Ustawienia wyglądu (opcjonalne)
Krok 3: Wywołaj metodę .show()
captcha.show();Wyświetla captchę. Można wywoływać wielokrotnie.
Krok 4: Przetwarzanie wyniku
Callback otrzymuje obiekt:
{
ret: 0, // 0 -- sukces, 2 -- użytkownik zamknął okno
ticket: "...", // wymagane przez serwer
randstr: "...", // również wymagane przez serwer
errorCode: 1001, // jeśli captcha nie została załadowana
errorMessage: "..." // treść błędu
}Na serwerze należy zawsze wykonać weryfikację ticket.
"Tryb awaryjny"
Jeśli captcha nie załaduje się (np. CDN niedostępny), można automatycznie wygenerować 'bilet awaryjny', aby nie przerywać procesu biznesowego.
Scenariusz:
trerror_<errorcode>_<appid>_<timestamp>Szyfrowanie AppId (opcjonalnie)
Jeśli wymagana jest maksymalna ochrona, można przesyłać do captchy zaszyfrowaną wersję AppId zamiast jawnej:
aidEncrypted = Base64(IV + AES256(AppId & timestamp & ttl))Potrzebne:
Przykład szyfrowania po stronie serwera (Python)
from Crypto.Cipher import AES
from Crypto.Util.Padding import pad
import base64
def encrypt(plaintext, key, iv):
cipher = AES.new(key, AES.MODE_CBC, iv)
ciphertext = cipher.encrypt(pad(plaintext.encode(), AES.block_size))
return base64.b64encode(iv + ciphertext).decode("utf-8")Walidacja po stronie serwera
Krok 1. Konfiguracja dostępu do API
W panelu zarządzania kluczami (CAM / API Key Management) uzyskaj SecretId i SecretKey dla API. Klucze są potrzebne do podpisanych żądań.
Krok 2. Wywołanie API DescribeCaptchaResult
Po tym, jak klient zwróci ticket i randstr, serwer wysyła żądanie:
Parametry:
CaptchaType - 9 (wartość stała)
Ticket - string — ticket zwrócony przez klienta
Randstr - string — randstr zwrócony przez klienta
CaptchaAppId - Twój AppId
AppSecretKey - Twój SecretKey
UserIp - IP użytkownika (zalecane)
Krok 3. Przetwarzanie odpowiedzi
API zwróci:
Jeśli CaptchaCode === OK, można uznać, że użytkownik przeszedł weryfikację. W przeciwnym razie — odrzucić.
Przykład — weryfikacja ticket w Node.js
import { v20190722 as captcha } from "@tencentcloud/tencentcloud-sdk-nodejs";
const client = new captcha.Client({
credential: {
secretId: "YOUR_SECRET_ID",
secretKey: "YOUR_SECRET_KEY"
},
region: "ap-project", // region, jeśli wymagany
});
async function verifyCaptcha(ticket, randstr, userIp) {
const params = {
CaptchaType: 9,
Ticket: ticket,
Randstr: randstr,
CaptchaAppId: YOUR_APP_ID,
AppSecretKey: "YOUR_APP_SECRET_KEY",
UserIp: userIp
};
const resp = await client.DescribeCaptchaResult(params);
const code = resp.Response.CaptchaCode;
return code === 0;
}Więcej informacji o podłączeniu Tencent CAPTCHA do swojej strony znajdziesz w oficjalnej dokumentacji.
Jeśli przejąłeś stronę internetową, na której jest już zainstalowany captcha lub inny system zabezpieczeń, a jednocześnie nie masz dostępu do kodu — to nic strasznego! Dość łatwo jest ustalić, jaka dokładnie technologia jest używana. Aby sprawdzić poprawność działania, możesz skorzystać z usługi rozpoznawania CapMonster Cloud w odizolowanym środowisku testowym, żeby upewnić się, że mechanizm przetwarzania tokenów i logika weryfikacji działają prawidłowo.
W przypadku TenDI (Tencent) wystarczy rozpoznać system, przeanalizować jego zachowanie i upewnić się, że zabezpieczenie działa poprawnie. W artykule pokazaliśmy, jak zidentyfikować TenDI (Tencent) oraz gdzie znaleźć instrukcje dotyczące jego podłączenia lub ponownej konfiguracji, aby móc pewnie utrzymywać ochronę i kontrolować jej działanie.