UserFrosting-Formulare - Ungültiges oder fehlendes CSRF-Token

Question

Ich versuche, ein einfaches Formular in UserFrosting einzureichen und als Test nur die Erfolgsmeldung anzuzeigen, ohne Daten zu ändern. Ich folgte die Führung von Lesson 2 aber ich lief in die CSRF Ausgabe:

UserFrosting die folgenden Fehler zurück:

Invalid or missing CSRF token.

Was bin ich? Bis zu diesem Punkt UserFrosting war sehr einfach :(

Die Form zu verdauen:

<form class="form-horizontal" role="form" name="requestDescription" action="{{site.uri.public}}/soap/requests/desc/edit/{{ keyname }}" method="post"> 
    <div class="form-group"> 
     <label for="input_group" class="col-md-2 control-label">Name</label> 
     <div class="col-md-10"> 
      <input type="text" id="input_name" class="form-control" name="lgname" placeholder="{{ name }}"> 
     </div> 
    </div> 
    <div class="form-group text-center"> 
     <button type="submit" class="btn btn-success text-center">Update</button> 
    </div> 
</form> 

mit zusätzlichem Skript Teil auf den Boden der Zweig-Datei:

<script> 
    $(document).ready(function() { 
     // Load the validator rules for this form 
     var validators = {{validators | raw}}; 
     ufFormSubmit(
       $("form[name='requestDescription']"), 
       validators, 
       $("#userfrosting-alerts"), 
       function(data, statusText, jqXHR) { 
        // Reload the page on success 
        window.location.reload(true); 
       } 
     ); 
    }); 
</script> 

Hier sind meine zwei Funktionen vom Controller:

public function soapRequestDescriptionEditPage($keyname){ 
    if (!$this->_app->user->checkAccess('uri_soap_requests')){ 
     $this->_app->notFound(); 
    } 
    $requestDetails = $this->soapRequestReadMeta($keyname); 

    $schema = new \Fortress\RequestSchema($this->_app->config('schema.path') . "/forms/soap-request-description-edit.json"); 
    $this->_app->jsValidator->setSchema($schema); 

    $this->_app->render('soap/soap-request-description-edit.twig', [ 
     "name" => $requestDetails['name'], 
     "description" => $requestDetails['description'], 
     "keyname" => $keyname, 
     "validators" => $this->_app->jsValidator->rules() 
    ]); 
} 

public function test(){ 
    if (!$this->_app->user->checkAccess('uri_soap_requests')) { 
     $this->_app->notFound(); 
    } 
    $post = $this->_app->request->post(); 
    $ms = $this->_app->alerts; 
    $requestSchema = new \Fortress\RequestSchema($this->_app->config('schema.path') . "/forms/soap-request-description-edit.json"); 
    $rf = new \Fortress\HTTPRequestFortress($ms, $requestSchema, $post); 
    $ms->addMessageTranslated("success", "Everyone's title has been updated!", $post); 
    $rf->sanitize(); 
    if (!$rf->validate()) { 
     $this->_app->halt(400); 
    } 
    $data = $rf->data(); 
} 

Entr er Jahren von der index.php Datei:

$app->post('/soap/requests/desc/edit/:request_id/?', function() use ($app) { 
    $controller = new UF\SoapController($app); 
    return $controller->test(); 
}); 
$app->get('/soap/requests/desc/edit/:request_id/?', function ($request_id) use ($app) { 
    $controller = new UF\SoapController($app); 
    return $controller->soapRequestDescriptionEditPage($request_id); 
}); 

schließlich das Schema:

{ 
    "lgname" : { 
    "validators" : { 
     "length" : { 
     "min" : 1, 
     "max" : 150, 
     "message" : "The new title must be between 1 and 150 characters long." 
     } 
    }, 
    "sanitizers" : { 
     "raw" : "" 
    } 
    } 
} 

Answer 1

Es stellte sich heraus, dass mein Code war in Ordnung. Auf der Seite, die sich auf die Verarbeitung von UserFrost-Formularen auswirkt, gab es nicht zusammenhängende JavaScript-Fehler. Durch das Beheben dieser Fehler konnte UserFrosting das Formular verarbeiten.

Hinweis zur Selbsthilfe ... macht es sich zur Gewohnheit, in die Konsole für JavaScript-Fehler suchen :)

Answer 2

As 4 von UserFrosting Sie die versteckten CSRF Eingabefelder zum Formular explizit hinzufügen sollten. Es ist eine Teilvorlage forms/csrf.html.twig die diese Felder enthält, die Sie Zweig des Einsatzes verwendet, kann include tag:

<form class="form-horizontal" role="form" name="requestDescription" action="{{site.uri.public}}/soap/requests/desc/edit/{{ keyname }}" method="post"> 
    {% include "forms/csrf.html.twig" %} 
    <div class="form-group"> 
     <label for="input_group" class="col-md-2 control-label">Name</label> 
     <div class="col-md-10"> 
      <input type="text" id="input_name" class="form-control" name="lgname" placeholder="{{ name }}"> 
     </div> 
    </div> 
    <div class="form-group text-center"> 
     <button type="submit" class="btn btn-success text-center">Update</button> 
    </div> 
</form> 

Für Anfragen, die ohne eine Form hergestellt werden (zum Beispiel, wenn es rein in Javascript aufgebaut worden ist), können Sie können greifen die CSRF-Token Namen und den Wert aus der globalen site.csrf Variable:

var userName = 'luke'; 
var fieldName = 'lgname'; 

var data = { 
    'value': fieldValue 
}; 

data[site.csrf.keys.name] = site.csrf.name; 
data[site.csrf.keys.value] = site.csrf.value; 

var url = site.uri.public + '/api/users/u/' + userName + '/' + fieldName; 

return $.ajax({ 
    type: "PUT", 
    url: url, 
    data: data 
}).done(function (response) { 
    window.location.reload(); 
});