Come integrare l'app AngularJs all'interno di Joomla

Question

Sono nuovo sia per Angular che per Joomla che sto imparando. Quello che mi sto chiedendo è - è possibile integrare Angular JS Application in Joomla? Da quanto stavo leggendo su Joomla, ho capito che questo cms semplifica la creazione di articoli e la gestione di contenuti e menu dal pannello di amministrazione. Tuttavia, poiché Angular JS app è un'applicazione di per sé, una pagina dell'articolo non funzionerà naturalmente. Quindi, come fanno le persone a integrare questo?

proposito angolare App:

mio angolare App è un po 'simile al Dan Wahlin's Customer Manager App che ha un distinto DB MySQL per questa applicazione e l'utilizzo di php per l'elaborazione lato server su Apache.

Motivo per cercare di integrare angolare JS con Joomla:

L'essere principale, Joomla fornisce le funzioni di registrazione degli utenti, la gestione dei permessi per gli utenti, ecc .. fuori dalla scatola e sto progettando di installare il Estensione dell'effettivo ad esso. Voglio solo che i membri pagati abbiano accesso all'App Angular. Questo è quello che sto cercando di ottenere.

quello che ho studiato finora:

1) Ho guardato in directPHP estensione per vedere se l'applicazione angolare JS può essere inserito utilizzando questo ext. Ma non penso che funzionerà, né è il modo giusto per farlo.

2) Nella ricerca di più, mi sono imbattuto in questo tutorial di Joomla e non sono sicuro se questo è il modo per andare con esso. "Lo sviluppo di un componente MVC": http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!2.5

Se qualcuno mi può guidare su queste mi aiuterà enormemente:

1) Una panoramica su come l'angolare App può essere integrato con Joomla, ciò che deve essere fatto , i requisiti, ecc ... Capisco che spiegare questo sarà oltre lo scopo di SO, ma alcuni suggerimenti qui aiuteranno.

2) Mostrare/guidarmi su dove devo iniziare a leggere per raggiungere questo obiettivo. Ho provato googling su questo argomento e non posso trovare alcun tutorial che mostra come integrare Angular e Joomla.

Answer 1

Sono finalmente riuscito a integrare l'app AngularJS con Joomla. In realtà era molto più facile di quanto pensassi. My Angular App è un'app standalone e sto usando Joomla solo per le registrazioni degli utenti, per il programma di iscrizione a pagamento, per l'invio di newsletter ecc. Pertanto voglio che Joomla dia accesso alla mia Angular App solo se dispongono delle autorizzazioni utente corrette. Per integrare questi 2, ho fatto la seguente:

1) Ho letto la documentazione su Lo sviluppo di un componente MVC per Joomla e ho cercato di capire come funziona il componente MVC: http://docs.joomla.org/J3.3:Developing_a_MVC_Component

2) Ho poi creato un componente per questa app angolare. La creazione di questo componente è stata davvero semplice poiché ho utilizzato gli strumenti qui: http://www.component-creator.com/

3) Ho quindi caricato il componente su Joomla e l'ho installato dal back-end.

4) Ho aggiunto il collegamento componente al menu e impostato le autorizzazioni in modo che solo gli utenti registrati possano accedere al collegamento del menu dell'app.

Questo è tutto! Ha funzionato dopo. Sono rimasto sorpreso di quanto fosse semplice incorporare l'app Angular come componente nell'installazione esistente di Joomla. Le uniche cose che devo fare nella mia app Angular sono:

1) Modificare il percorso relativo nell'app in modo che il percorso provenga dal file index.php di joomla anziché dal file di indice dell'app angolare.

2) Correggere i conflitti di classe che potrebbero verificarsi a causa di eventuali conflitti tra Bootstrap e il modello Joomla.

Questo è il mio primo tentativo da quando sono molto nuovo a Joomla. Spero che questo aiuti altri che potrebbero chiedersi lo stesso da quando ero così perso su come farlo quando ho iniziato. I documenti di Joomla sono abbastanza buoni che mi hanno aiutato molto.

Happy Coding!