Wordpress + AngularJS für Single Page Application (SPA)

  • Hallo Zusammen,

    ich möchte eine Single Page Application erstellen. Diese soll Daten grafisch anschaulich darstellen. Verschiedene Usergruppen sehen unterschiedliche Datensätze und ihnen sollen unterschiedliche Fuktionen zur Darstellung zur Verfügung gestellt werden.

    Meine Frage ist, ob die Kombination aus Wordpress als CMS (Nutzerverwaltung etc) + PHP/MySQL (Datenabruf, MySQL-DB für Daten ist nicht die selbe auf der Wordpress läuft) + AngularJS (Darstellung) funktioniert und sinnvoll ist. Im Web liest man, dass MEAN (MongoDB+Express+Angular+Node.js) statt des klassischen L/WAMP (Linux/Windows+Apache+MySQL+PHP) genutzt werden soll. Ist das wirklich nötig? Für meinen Zweck sehe ich den klassischen Ansatz + AngularJS als ausreichend, wenn es keinen Haken gibt. Gibt es hier einen? (z.B. verschiedene Usergruppen ein Problem in SPA?)

    Ich habe den Thread unter "Plugins" eingestellt, weil mir sehr geholfen wäre, wenn ihr Plugins oder Tutorials hierzu kennt. Ich bin aber absolut offen, wenn die Experten hier sagen, dass WP dafür nicht die beste Lösung ist. (Ich hatte in einem anderen CMS begonnen und Darstellung war mit jQuery geplant.)

    Schönen Dank

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Nach mehr Recherche im Web, bin ich überzeugt, dass sich AngularJS mit Wordpress verbinden lässt und der klassische W/LAMP-Ansatz (für meinen Zweck) völlig ausreicht. Einige Ressourcen dazu:

    http://www.roysivan.com/angularjs-meet…s/#.U8z8d7Ekw26
    http://premium.wpmudev.org/blog/deliverin…sing-angularjs/
    http://www.marthijnvandenheuvel.com/2014/03/28/usi…dpress-backend/
    Videos:
    http://wordpress.tv/2014/06/16/eri…sing-angularjs/
    http://www.youtube.com/watch?v=3WiyGmdOjbc
    http://www.youtube.com/watch?v=IkUTL_FyR0I

    Für meine Single Page App habe ich eine normale Page in Wordpress erstellt und ein Custom Page Template innerhalb des Themes erstellt, das die Daten aus einer externen DB abruft (über $wpdb). Diese externe DB habe ich in einem eigenen Plugin (mit "new wpdb") angelegt, da ich finde, dies sollte nicht im Page Template geschehen.

    Nächste Schritte sind nun JSON und REST, um Daten dann mit AngularJS zu nutzen. JSON, REST und wie sich das alles verbindet ist absolutes Neuland (und viele Fragen, z.B. alle Daten direkt in JSON laden oder nur angefragte etc). JSON API schon gefunden (https://wordpress.org/plugins/json-api/).

    Falls hier schon Fehler in der Vorgehensweise/Struktur sind, wären Eure Ratschläge sehr willkommen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!