Ausgabe
Ich muss die folgende Funktion implementieren: Immer wenn jemand auf die Site kommt, sieht er das Anmeldeformular, und wenn er sich nicht korrekt angemeldet hat, sollte ihm jede andere URL das Anmeldeformular zeigen.
Wie kann ich das machen?
Ich habe das Projekt, das ich geerbt habe, und beginne erst in Angular, daher habe ich keine Ahnung, wo ich die erste Seite, die ich zeige, ändere und wie ich nicht autorisierte Benutzer daran hindere, auf andere URLs zuzugreifen
Lösung
Um die Erklärung so einfach wie möglich zu halten, arbeitet Winkel in der Hauptdatei index.html, indem “Controller” verwendet werden, um dem Client-Browser zu erklären, was zu tun ist. Irgendwo in Ihrer Ordnerhierarchie sollte sich ein Ordner namens “partials” , “templates” , “views” oder etwas Ähnliches befinden. Es sollte eine Reihe kleiner .html-Dateien enthalten. Diese Dateien werden mit in Angular eingebettetem AJAX ausgetauscht. Es sollte ein HTML-Element-Tag geben, das ein Attribut „ng-app= „whateverYourAppsNameIsHere“ innerhalb des öffnenden Element-Tags enthält, alles zwischen diesem Tag ist „eckig“.
Angular erscheint auf den ersten Blick komplex, aber sobald man dranbleibt, wird es viel einfacher. Alles innerhalb des ng-app-Attributs wird in Ihren JS-Dateien betrieben, und es gibt einige wirklich gute kostenlose Ressourcen, einschließlich Codeschool , die eine hat, und eckig. Google hostet seine eigene “Phonecat-App”, die alle Grundlagen in einem Walk-Through-Tutorial mit Code-Snippets ziemlich ausführlich erklärt, wenn Sie es nicht ganz herausfinden können. Stellen Sie jedoch sicher, dass Sie diesen Link verwenden [Google:Angular – Go to “tutorial”] ( https://angularjs.org/ ) Es gibt derzeit ein Angular 2.0, das in TypeScript (kurz JS) geschrieben ist und nur zu Ihrer Information gefunden wird: Stellen Sie sicher, dass Sie sich nicht in dieser Domain befindenWissen Sie, dass dies existiert, falls Sie anfangen, TypeScript zu mögen, aber ich würde empfehlen, bei Plain Angle zu bleiben, bis Sie damit vertraut sind.
Okay, das ist also ein kurzer Einblick in das, was Ihre Dateien finden soll, und hilft Ihnen hoffentlich dabei, die Antworten ein bisschen besser zu verstehen. Das sind zumindest 2 wirklich gute Ressourcen, um mit dem Lernen von Angular zu beginnen.
Für Ihre direkte Frage “Wie verwalten Sie angemeldete Benutzer oder senden sie an eine Seite?” Es gibt viele Möglichkeiten, diese Aufgabe auszuführen, daher gebe ich Ihnen eine Anleitung, wie Sie sie meiner Meinung nach am besten lernen können. 1) Überprüfen Sie “ng-if”, mit dem Sie einen Seitenabschnitt anzeigen / nicht anzeigen können (oder wie Sie gefragt haben, leiten Sie zu einem Anmeldeformular um, wenn es nicht bestätigt ist). Die Leute scheinen normalerweise einen “Router” für Angular zu verwenden. UI ist ziemlich bekannt und Sie können es hier finden: npm angle-ui-router . Sie können auch jemanden im Back-End verifizieren, wenn er den Server wegen Seitenaktualisierungen anruft.
Ich weiß also, dass ich Ihre Frage nicht direkt beantwortet habe, aber die Links, die ich Ihnen gesendet habe, werden Ihre Frage mehr als beantworten und Ihnen auch eine Anleitung geben, wo Sie mit dem Lernen/Suchen nach Ressourcen beginnen können. Wenn Sie noch nicht damit vertraut sind, würde ich empfehlen, Ihre App in Yeoman zu erstellen/zu pflegen, falls Sie dies noch nicht getan haben. Yeoman und [Yeoman – Tutorial] ( https://www.youtube.com/watch?v=gKiaLSJW5xI ) <– Dieser Typ ist ERSTAUNLICH für Tutorials, und er ist sehr beruhigend, wenn Sie sich am Kopf kratzen und sich mit Codierungsdingen überfordert fühlen .
Hoffe, es hilft, das sind Ressourcen im Wert von 3 Jahren, die in 1 Frageantwort angepriesen werden. Viel Spaß beim Codieren! 😉
Beantwortet von – Mike Horstmann
Antwort geprüft von – Pedro (FixError Volunteer)