Recaptcha缺少使用Angularjs和PHP的输入响应

Question

我在重新输入验证码时遇到问题。我正在将PHP Recaptcha服务用于具有PHP验证的Angular JS。提交表单时，我从reCaptcha对象收到错误'missing-input-reponse'。

该站点使用AngularJS和PHP构建，我正在使用数据工厂通过$ http对象将请求发送到服务器。我正在实现密码重置功能，我想在重置表单上使用reCaptcha。这是我遇到麻烦的地方。

后端都正常工作，验证码请求显然是一个问题。我的reCaptcha API代码可在网站上的其他地方使用，但没有AngularJS实施。

我的控制器看起来像这样：

MySite.controller('passwordResetController', function($rootScope, $scope, $window, $location, $routeParams, Data, vcRecaptchaService) {
    $rootScope.showControls = false;
    $scope.response = null;
    $scope.widgetId = null;
    $scope.form = {email: '', id: '', response: ''};
    $scope.model = {
        key: // MY SITE KEY //
    };
    $scope.setResponse = function (response) {
        console.info('Response available');
        $scope.response = response;
    };
    $scope.setWidgetId = function (widgetId) {
        console.info('Created widget ID: %s', widgetId);
        $scope.widgetId = widgetId;
    };
    $scope.cbExpiration = function() {
        console.info('Captcha expired. Resetting response object');
        vcRecaptchaService.reload($scope.widgetId);
        $scope.response = null;
     };
    $scope.sendReset = function(form) {
        var valid;
        $scope.form.response = $scope.response;
        console.log($scope.form.response);
        Data.post('/sendreset', {form:form})
        .then(function(results) {
            console.log(results);
            if (results.status === 'success') {
                valid = true;
            } else {
                valid = false;
            }
            Data.toast(results);
        });
        console.log('sending the captcha response to the server', $scope.response);
        if (valid) {
            console.log('Success');
            Data.post('/createRequest', {
                form: form
            }).then(function(results) {
                if (results.status === 'success') {
                    $scope.sendMail(form);
                }
            });
        } else {
            console.log('Failed validation');
            vcRecaptchaService.reload($scope.widgetId);
        }
    }
    $scope.sendMail = function(form) {
        Data.post('/sendPasswordReset', {
            form: form
        }).then(function(results) {
            Data.toast(results);
            if (results.status === 'success') {
                $location.path('login');
            }
        });
    }
});

我的PHP验证是：

$app->post('/sendreset', function() use ($app) {
    $r = json_decode($app->request->getBody());
    $post = [
        'secret' => //== MY SECRET KEY ==//,
        'response' => $r->form->response
    ];
    $ch = curl_init('https://www.google.com/recaptcha/api/siteverify');
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $post);
    $response = curl_exec($ch);
    curl_close($ch);
    var_dump($response);
    $response = json_decode($response, true);
    // check result
    if (isset($response['success']) && $response['success'] == true) {
        $response['status'] = 'success';
        echoResponse(200, $response);
    } else {
        $response['status'] = 'error';
        $response['message'] = 'Captcha test failed';
        echoResponse(201, $response);
    }
});

数据功能全部正常运行。任何帮助将不胜感激。

Answer 1