在阿里云验证码2.0自己怎么实现？

在阿里云验证码2.0的实现过程中，您需要完成客户端和服务端的集成，并确保安全地获取和使用AccessKey ID与AccessKey Secret。以下是详细的实现步骤：

1. 安全获取AccessKey ID和AccessKey Secret

为了避免硬编码敏感信息（如AccessKey ID和AccessKey Secret），建议使用以下方法动态获取这些值：

推荐方式：使用阿里云Credentials工具

阿里云提供了多种方式来安全地管理凭据，例如通过环境变量、配置文件或RAM角色等方式获取凭据。以下是具体实现示例：

import { Credentials } from '@alicloud/credentials';

static async getEnvProperty(propertyName: string): Promise<string> {
    const credentials = new Credentials({
        type: 'environment', // 从环境变量中读取凭据
    });

    const accessKeyId = await credentials.getAccessKeyId();
    const accessKeySecret = await credentials.getAccessKeySecret();

    if (propertyName === 'AccessKeyId') {
        return accessKeyId || "null";
    } else if (propertyName === 'AccessKeySecret') {
        return accessKeySecret || "null";
    }
    return "null";
}

重要提示： - 不要将AccessKey ID和AccessKey Secret直接写入代码中，以避免泄露风险。 - 如果您使用的是阿里云ECS实例，可以通过为实例绑定RAM角色的方式自动获取临时凭据。

2. 客户端集成验证码2.0

根据您的应用类型（Web、H5、iOS App或Android App），选择合适的客户端接入方式。

2.1 Web/H5页面接入

在HTML5页面中，您需要完成以下操作： 1. 引入验证码组件：在HTML页面中嵌入验证码组件。 2. 处理验证结果回调：修改业务请求验证结果回调函数，判断当前运行环境是否为HTML5页面。如果是，则执行HTML5侧的业务逻辑。

示例代码如下：

// 业务请求验证结果回调函数
function onBizResultCallback(bizResult) {
    // 判断是否为iOS App环境，如果验证操作环境中没有自定义JavaScript函数则为HTML5页面
    if (!window.webkit || !window.webkit.messageHandlers) {
        // 您的HTML5页面侧的业务逻辑
        console.log("HTML5页面业务逻辑执行");
    }
}

2.2 iOS App接入

在iOS App中，使用WKWebView加载HTML5页面，并通过WkScriptMessageHandler协议获取验证结果。

示例代码如下：

import WebKit

class ViewController: UIViewController, WKScriptMessageHandler {
    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let contentController = WKUserContentController()
        contentController.add(self, name: "getVerifyResult")
        
        let config = WKWebViewConfiguration()
        config.userContentController = contentController
        
        webView = WKWebView(frame: self.view.frame, configuration: config)
        self.view.addSubview(webView)
        
        if let url = URL(string: "https://your-html5-page.com") {
            webView.load(URLRequest(url: url))
        }
    }
    
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "getVerifyResult", let verifyResult = message.body as? [String: Any] {
            print("验证结果: \(verifyResult)")
        }
    }
}

2.3 Android App接入

在Android App中，使用WebView加载HTML5页面，并通过自定义接口获取验证结果。

示例代码如下：

public class MainActivity extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.addJavascriptInterface(new WebAppInterface(this), "testInterface");

        webView.loadUrl("https://your-html5-page.com");
    }

    public class WebAppInterface {
        Context mContext;

        WebAppInterface(Context c) {
            mContext = c;
        }

        @JavascriptInterface
        public void getSlideData(String data) {
            Log.d("WebView", "验证结果: " + data);
        }
    }
}

3. 服务端集成验证码2.0

在服务端，您需要调用阿里云验证码2.0提供的VerifyIntelligentCaptcha接口进行验证。

3.1 调用VerifyIntelligentCaptcha接口

以下是一个基于Node.js的服务端示例代码：

const axios = require('axios');

async function verifyCaptcha(captchaVerifyParam) {
    const accessKeyId = await getEnvProperty('AccessKeyId');
    const accessKeySecret = await getEnvProperty('AccessKeySecret');

    const response = await axios.post('https://captcha.cn-shanghai.aliyuncs.com', {
        "x-acs-action": "VerifyIntelligentCaptcha",
        "x-acs-version": "2023-03-05",
        "Authorization": `ACS3-HMAC-SHA256 Credential=${accessKeyId},SignedHeaders=host;x-acs-action;x-acs-content-sha256;x-acs-date;x-acs-signature-nonce;x-acs-version,Signature=...`,
        "x-acs-signature-nonce": "d410180a5abf7fe235dd9b74aca91fc0",
        "x-acs-date": "2023-10-26T09:01:01Z",
        "host": "captcha.cn-shanghai.aliyuncs.com",
        "x-acs-content-sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",
        "captchaVerifyParam": captchaVerifyParam,
    });

    return response.data;
}

重要提示： - 确保服务端已正确配置签名算法，生成符合要求的Authorization字段。 - 验证码服务的API地址为captcha.cn-shanghai.aliyuncs.com，请根据实际需求调整区域。

4. 自定义策略配置（可选）

如果您需要根据不同的业务需求制定个性化的验证场景策略，可以启用并设置自定义策略。

启用自定义策略

1. 登录验证码2.0控制台。
2. 单击右上角的规格与功能管理。
3. 打开自定义策略配置开关，并保存设置。

设置自定义策略

1. 在左侧导航栏，单击自定义策略。
2. 编辑目标场景的策略规则，例如设置滑块验证的触发条件或无痕验证的阈值。

5. 后续操作

完成上述步骤后，请确保： - 客户端和服务端均已成功接入验证码2.0。 - 测试验证流程，确保业务逻辑正常运行。 - 查看数据统计，监控验证码的使用情况和效果。

通过以上步骤，您可以安全、高效地实现阿里云验证码2.0的接入和使用。