MVC Helper von Microsoft (Captcha)


Ich habe gestern eine sehr Interessante Seite direkt von MS gefunden, in der es eine Sehr gute Einführung in ASP.NET MVC gibt und wie sollte es anders sein findet man diese natürlich direkt auf ASP.NET:

http://www.asp.net/mvc/tutorials

nachdem ich mich noch einmal mit den Grundlagen auseinander gesetzt habe, war da auch noch ein Abschnitt über Razor und Helper Klassen:

http://www.asp.net/webmatrix/tutorials/asp-net-web-pages-api-reference

Leider sind diese bei einem ASP.NET MVC Projekt nicht standardmäßig eingebunden, so dass man erst einmal die Referenz auf die “Microsoft.Web.Helpers” hinzufügen muss über den “Library Package Manager”

image

hier muss dann auf der Konsole nur noch:

PM> Install-Package microsoft-web-helpers

eingegeben werden und schon wird die passende Dll dem Projekt hinzugefügt.

(Quelle: http://midnightprogrammer.net/post/Working-With-Microsoft-Web-Helpers-In-MVC-3-Razor-View.aspx)

Jetzt kann man auf die Helper von Microsoft zugreifen. Das kann z.B. folgendermaßen aussehen:

image

Der passende Code mit den Helper Aufrufen sieht dann so aus:

image

Auch das Einbinden eines Captchas ist sehr einfach, hier muss nur noch darauf geachtet werden das man sich vorher zwei Schlüssel (private und public) erstellen lässt unter:

https://www.google.com/recaptcha

Ich habe die beiden Schlüssel dann in der Web.Config bei mir eingebunden und Initialisiere diese dann in der Global.asax im Application_Start(), wenn man dies direkt hier macht, dann braucht man beim Erstellen und Abfragen nicht jedes mal den Schlüssel als Parameter mit übergeben.

image

Zum Rendern des Captchas muss nur noch auf der Webseite folgender Code angegeben werden mit “ReCaptcha.GetHtml()” wird das Catpcha erstellt.

image

Gerendertes Catpcha auf der Webseite:

image

und wenn man dann im Controller prüfen will ob die Eingabe auch korrekt war geht das genauso einfach mit, “ReCaptcha.Validate()”:

image

So einfach kann die Einbindung eines Captchas unter ASP.NET MVC sein.

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s