Cloudflare Turnstile 同步 API 调用：避免验证错误，增强应用程序安全性

2024-03-15 19:37:43

利用 Cloudflare Turnstile 同步 API 调用

简介

无交互式验证服务 Cloudflare Turnstile 已成为将 reCAPTCHA 迁移的热门选择。通过将 Turnstile 集成到您的应用程序中，您可以无缝验证人类访问者，增强您的网站安全性。然而，在这一过程中，您可能会遇到同步 API 调用的问题。

同步 API 调用：一个关键步骤

Turnstile 验证是一个异步过程，这意味着在执行 API 调用之前需要等待它完成。如果没有同步调用，您可能会遇到验证错误或 API 调用失败。

解决方案：利用 JavaScript Promise

JavaScript Promise 提供了一种解决异步操作同步的方法。当 Turnstile 初始化完成后，我们将使用 Turnstile 的 ready 方法触发回调函数。

步骤：

1. 初始化 Turnstile：

turnstile.ready(function () {
    // ...
});

2. 获取身份验证令牌：

getAuthenticationToken() {
    return new Promise((resolve) => {
        turnstile.render('#cf-container', {
            'sitekey': 'MY_TOKEN',
            'callback': function (token) {
                resolve(token);
            },
        });
    });
}

3. 同步 API 调用：

getAllBrands() {
    // ...
    getAuthenticationToken().then((token) => {
        ApiService.get({
            url: url,
            headers: {
                'Authorization': 'Bearer ' + token
            }
        }).then((response) => {
            // ...
        });
    });
}