javascript - 如何停止CasperJS的执行，让用户输入一些值，然后继续执行？

Question

我正在使用 PhantomJS 和 CasperJS 来自动化我的一些任务。在其中一项任务中，我需要手动提供验证码字符串，然后才能实际处理该任务。对于这个问题，我能想到的是截取网页截图，然后手动查看截取的图像，并将验证码字符串保存到文本文件中。之后，我可以使用 CasperJS 中的文件系统 模块来读取该值并继续执行该过程。我想知道执行此类任务的最佳方法是什么。

Answer 1

由于 CasperJS 的结构化方式/控制流与 PhantomJS 相比，这样的任务并不容易。

1。拉取方式(文件轮询)

假设有一个辅助程序(类型 1)处理显示验证码、接收输入并使用验证码输入编写文本文件。 CasperJS 所能处理的就是将 CAPTCHA 屏幕截图写入磁盘并等待包含“已解析”文本的文件。

var fs = require("fs"),
    captchaFile = "cfile.png",
    parsedFile = "pfile.txt";
casper.waitForCaptcha = function(captchaFile, parsedFile){
    casper.then(function(){
        this.captureSelector(captchaFile, "someSelectorOfTheCaptcha");
    });
    casper.waitFor(function check(){
        return fs.exists(parsedFile);
    }, function then(){
        // do something on time
        // check if correct...
        if (!correct) {
            fs.remove(captchaFile);
            fs.remove(parsedFile);
            this.waitForCaptcha(captchaFile, parsedFile);
            // Problem: the secondary process needs to sense that a new CAPTCHA is presented
        }
    }, function onTimeout(){
        // do something when failed
    }, 60000); // 1min should suffice as a timeout
    return this;
};
casper.start(url).waitForCaptcha(captchaFile, parsedFile).run();

此代码假定您希望在 CAPTCHA 错误时重试，但如果故意在没有解码文件的情况下过了一分钟，则不会重试。这是一个通过轮询文件是否已经存在的拉取过程。

2。推送方式

推送过程也是可能的，其中辅助程序(类型 2)通过利用 PhantomJS webserver module 向 CasperJS 进程发送请求。 .因为会有两个并发控制流，CasperJS 部分需要等待很长时间，但是一旦收到带有解码字的请求，就可以用 unwait 来打破等待。 .

var server = require('webserver').create(),
    fs = require("fs"),
    captchaFile = "cfile.png";

function neverendingWait(){
    this.wait(5000, neverendingWait);
}

casper.checkCaptcha = function(captchaFile, phantomPort, secondaryPort){
    // here the CAPTCHA is saved to disk but it can also be set directly if captured through casper.captureBase64
    this.captureSelector(captchaFile, "someSelectorOfTheCaptcha");

    // send request to the secondary program from the page context
    this.evaluate(function(file){
        __utils__.sendAJAX("http://localhost:"+secondaryPort+"/", "POST", {file: file}, true);
    }, captchaFile);

    // start the server to receive solved CAPTCHAs
    server.listen(phantomPort, {
       'keepAlive': true
    }, function (request, response) {
        console.log('Request received at ' + new Date());
        if (request.post) { // is there a response?
            this.then(function(){
                // check if it is correct by reading request.post ...
                if (!correct){
                    response.statusCode = 404;
                    response.headers = {
                        'Cache': 'no-cache',
                        'Content-Type': 'text/plain;charset=utf-8'
                    };
                    response.close();
                    server.close();
                    this.checkCaptcha(captchaFile, phantomPort, secondaryPort);
                } else {
                    response.statusCode = 200;
                    response.headers = {
                        'Cache': 'no-cache',
                        'Content-Type': 'text/plain;charset=utf-8'
                    };
                    response.close();
                    server.close();
                    this.unwait(); // abort the neverendingWait
                }
            });
        } else {
            response.statusCode = 404;
            response.headers = {
              'Cache': 'no-cache',
              'Content-Type': 'text/plain;charset=utf-8'
            };
            response.close();
            server.close();
            this.checkCaptcha(captchaFile, phantomPort, secondaryPort);
        }
    });
    return this;
};

casper.start(url).then(function(){
    this.checkCaptcha(captchaFile, 8080, 8081);
}).then(neverendingWait).then(function(){
    // Do something here when the captcha is successful
}).run();