Dokumentation zum Massive Multiplayer Online Game - Universität ...

4. Schiffe und Missionen
40
Um die Flotte nun abzuschicken müssen die Eingaben zunächst überprüft werden. Dazu drückt der User einen
Button, wodurch ein AJAX-Request abgesetzt wird, der die Eingaben auf dem Server überprüft. Sollte es
Probleme geben scrollt die Seite eigenständig nach oben und es wird eine detaillierte Fehlerangabe ausgegeben.
| Fehlerangabe nach Eingabenprüfung
Per javascript wird dabei, je nach Eingabe, zum Beispiel folgender Request abgesetzt:
GET json/check?mission=6&fleet=1&Planet=4&ship-1=5&ship-2=2&ress-ore=20000&ress-crystal=10
Auf dem Server in missions_controller.rb passiert dann folgendes: Eine Methode liest die Parameter des
Requests aus und prüft die Eingaben genau so wie sie später zum eigentlichen Bewegen der Flotte verwendet
werden, nur dass jeder einzelne Schritt durch einen begin/rescue Statement oder ähnlicher Fehlerbehandlung
abgesichert ist. Sobald also ein bestimmter Block Fehler aufwirft, wird ein betreffender Hinweis in ein Array
gepackt, welches am Schluss in einem JSON zurückgeschickt wird:
fehler = Array.new
fehler = check_helper(params)
if fehler.empty?
render :json => {"ok" => 1}.to_json
else
render :json => {"ok" => 0, "error" => fehler}.to_json
end
Wenn (direkt oder nach Korrektur der Eingabe) alles in Ordnung ist (also "ok" = 1), wird ein Button freigegeben,
durch den die Form abgeschickt werden kann.
| erstellte Form nach Eingabe
Intern wird beim Absenden der Form erneut geprüft, ob alle Eingaben noch aktuell sind. Sollte es Probleme
geben wird der User auf "Missionen", ansonsten auf "Deine Flotten" geleitet.
Sonstige Details
Da das Ziel war die Seite so zu strukturieren, dass sie fehlerhafte Eingaben verhindert, war bei der
Implementation einiges zu beachten. So soll es zum Beispiel möglich sein, dass der User seine Eingaben in
vorherigen Inputfeldern ändern kann und diese dennoch berücksichtigt werden. Es kam von Anfang an nicht
in Frage quasi die komplette Seite in eine HTML-Form zu packen, da die Idee eine dynamische Seite zu
gestalten, dies nicht ermöglicht hätte, zumindest nicht so einfach.
Die Lösung war es also an jedem Input per Javascript bzw. jQuery einen Eventhandler anzumelden, welcher
bei Aktivierung die jeweilige Eingabe als ein verstecktes Input-Feld in eine Form einträgt, die am Ende
abgeschickt werden kann:
$("#travel").on("click",function () {
...
$("#send").append('');
...
}