Ich bin PHP-Entwickler und habe angefangen Angular2 zu lernen. Aber ich weiß nicht, wie man es mit PHP benutzt. Ist es möglich, Angular nur als Frontend zu verwenden? Was muss ich tun? Wie verwendet man es auf Shared Hosting ohne Node.js installiert?Wie kann ich Angular 2 in PHP-Anwendung verwenden?
Antwort
Meine 2 Cent als lange PHP-Entwickler der schon ziemlich oft mit Angular2 gespielt hat.
Als PHP-Entwickler erwarten Sie, dass PHP eine HTML-Seite rendert und an den Client sendet. Sie werden das nicht mit Angular2 tun. All diese Verarbeitung, die in PHP stattfinden würde, Erstellen von Datentabellen, Listen oder was auch immer, ist nun Angulars Aufgabe.
Das einzige, was Sie jetzt mit PHP machen, ist einfach JSON-Antworten zu senden. Andere haben das schon oben gesagt.
Ich gehe davon aus, dass Sie wenig Erfahrung mit Angular2 haben, da Sie dies fragen. Also hier ist der Deal:
Erfahren Sie, wie Sie Knoten und NPM auf Ihrem lokalen Rechner verwenden. Erfahren Sie, wie Sie mit NPM Ihr leeres Angular2-Projekt einrichten. Spiele und entwickle auf deinem lokalen Rechner.
Wenn Sie bereit sind, Daten zu laden, kann PHP einbezogen werden, indem JSON-Daten an das Frontend gesendet werden, damit Angular verwendet werden kann.
Wenn Sie bereit sind, Ihre Angular2-App für die Welt online zu stellen, haben Sie eine Reihe von Build-Optionen. Sie müssen Ihren Code von Typescript in Javascript kompilieren.
Ich habe das Angular CLI-Tool verwendet. Dadurch kann ich einfach "ng build" ausführen und die App wird kompiliert.
Dann kann ich den Ordner, den es erzeugt, auf meinen Apache-Server hochladen und es funktioniert. Die Angular CLI erstellt einen Ordner namens "dist", der all die Dinge enthält, die Ihr Frontend benötigt.
Stück Kuchen.
Vielen Dank für Ihre Antwort. Ich bin ein langjähriger PHP-Entwickler, dem kürzlich gesagt wurde, dass ich alles, was ich gemacht habe, zu Angular 2 konvertieren muss. Ich bin nicht glücklich darüber, aber es ist ein Job. Anders als bei den Tutorials zu [Angular] (https://angular.io/), half mir deine Antwort, die Beziehung zwischen PHP und Angular nur ein bisschen mehr zu verstehen. – Cagey215
soweit ich weiß AngularJS ist Client-Seite Javascript-Framework. Also im Allgemeinen gibt es keine Notwendigkeit für "nodejs". Sie benötigen nur die AngularJS-Bibliotheksdateien, die in Ihrem HTML enthalten sind und von Ihrem PHP-Code erzeugt werden.
Ich denke, Sie sollten zuerst AngularJS genauer betrachten.
Klarstellung: AngularJS (1.X-Verzweigung) und Angular2 weiter sind nicht dasselbe. Mit Angular2 haben Sie kein Skript-Tag mehr. Ihre gesamte Benutzeroberfläche verlässt sich auf alles. – sitesbyjoe
Vorzugsweise wird Ihre Website nur eine einfache index.html und eine Datei namens app.js herunterladen, die alle Ihre JS und damit Ihre Angular App enthält.
PHP wird auf einem Server sitzen, der die Aufgabe einer API erfüllt, die mit JSON/XML antwortet, um sie anzufordern, die eckige App wird dann das JSON verwenden, um die Webschnittstelle zu erstellen.
können Sie haben PHP irgendwo gehostet und Ihre Winkel App von einem anderen Ort dienen, auch dachte, es wegen der Latenz
nicht empfohlen wird<html>
<script src="app.js">
</html>
über [sitesbyjoe] beste Antwort ist genial. Nur Details Schritte,
offen cmd
1) cd your-Projektordner
2) ng bauen
3) kopieren dist Ordner Apache/htdocs/[dist/oder your- Projektname]
4) Important: open the index.html file, find <base href="/">
change it to <base href="/your-project-name/">
Without doing this, js file will not be load correctly.
5) http://localhost:80/your-project-name/index.html
Es funktioniert.
- 1. Wann @angular Tags in Angular 2 verwenden?
- 2. Kann ich die Angular 2-Anwendung nicht als Einzelseitenanwendung verwenden?
- 3. Wie kann ich gmaps.js in Angular 2 mit Webpack verbrauchen?
- 4. Wie kann ich zwei zusammenhängende Leerzeichen in Angular 2 anzeigen?
- 5. Wie kann ich EventEmitter in Angular 2 abbestellen?
- 6. Angular 2 - Shared Service verwenden
- 7. So verwenden Sie URLSearchParams in Angular 2
- 8. Verwenden Sie IScroll in Angular 2/Typescript
- 9. Wenn wir Anbieter in Angular 2 verwenden?
- 10. Wie kann ich eine Angular 2-Komponente zwischen mehreren Angular 2-Projekten teilen?
- 11. Wie kann ich Angular 2 Material Sidenav in einer Komponente verwenden?
- 12. Wie kann ich Angular 2 in einem .NET 4 Web Forms-Projekt verwenden?
- 13. Verwenden von Angular 2 Komponente in Angular 1 App
- 14. Wie Produktionsmodus in Angular 2
- 15. Zweiwege in Angular 2
- 16. Wie Bootstrap in Angular 2 mit Vanille js/es6 verwenden?
- 17. Angular 2 - Wie navigiere ich nach Bootstrap?
- 18. Wie kann ich diesen Angular 2-Dienst testen?
- 19. Verspricht in Ionic 2/Angular 2, wie?
- 20. Angular 2 Wie setze ich strictBounds
- 21. Wie bekomme ich Angular 2 Response Header
- 22. Wie Angular 2
- 23. Wie kann ich die Angular 2 Form-Komponente DRYup?
- 24. Wie canReuse und routerOnReuse in Angular 2 zu verwenden ist
- 25. Wie Moment-Timezone in Angular 2-Klasse zu verwenden?
- 26. Wie finde ich Datenmodell für Angular 2/Ionic 2 Anwendung
- 27. Wie kann ich Angular verwenden, um dynamische Formularfelder auszugeben?
- 28. Angular 2 - So verwenden Sie Konfigurationsdateien
- 29. Wie bekomme ich Mouseup außerhalb der Komponente in Angular 2
- 30. Wie kann ich ng-upgrade in ionic 2 framework verwenden
Angular Js funktioniert auf Client-Seite, die im Browser ausgeführt wird und ruft APIs auf (ob sie in PHP, Knoten oder einer anderen serverseitigen Sprache sind). Die Philosophie der eckigen 2-Anwendung besteht darin, Frontend-Funktionalität mit Back-End-API zu trennen. – noor
Angular.js ist nur ein JavaScript-Framework für Frontends, es ist nicht erforderlich, dass node.js auf einem anderen Framework funktioniert. Angular js ist ein unabhängiges Framework, das mit jeder beliebigen Backend-Sprache funktioniert. Sie müssen nur den JSON mit einer ruhigen API ausgeben und die Details innerhalb des eckigen Frameworks verwenden. –
@noor, wenn ich eine Testkomponente in Typoskript für angular2 schreibe, wie man eine HTML-Seite rendert ?? Bitte füge ein Beispiel hinzu. – mgh