Jak zintegrować aplikację AngularJs wewnątrz Joomla

Question

Jestem nowy zarówno dla Angular, jak i Joomla, że ​​uczę się atm. Zastanawiam się - czy można zintegrować aplikację Angular JS wewnątrz Joomla? Z tego, co czytałem o Joomli, rozumiem, że to cms ułatwia tworzenie artykułów oraz zarządzanie zawartością i menu z panelu administracyjnego. Ponieważ jednak aplikacja Angular JS jest aplikacją samą w sobie, strona z artykułem nie będzie działać. Jak ludzie chcą to zintegrować?

O Kątowymi App:

Moja kątowa App jest nieco podobna do Dan Wahlin's Customer Manager App który ma oddzielny MySQL DB dla tej aplikacji i za pomocą PHP do przetwarzania po stronie serwera Apache.

Powód próbuje zintegrować Angular JS z Joomla:

Główną istotą, Joomla zapewnia funkcje rejestracyjne użytkownika, zarządzanie uprawnieniami użytkowników, itp .. po wyjęciu z pudełka i Mam zamiar zainstalować Rozszerzenie członkostwa. Chcę tylko, aby płatni członkowie mieli dostęp do aplikacji Angular. Właśnie to staram się osiągnąć.

Co mam zbadane do tej pory:

1) Spojrzałem directPHP rozszerzenia aby sprawdzić, czy aplikacja Angular JS może być wprowadzony za pomocą tego wew. Ale nie sądzę, że to zadziała, ani nie jest właściwą drogą do tego.

2) Szukając więcej, natknąłem się na ten samouczek Joomla i nie jestem pewien, czy to jest sposób, aby z nim poradzić. „Opracowanie MVC składnik”: http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!2.5

Jeśli ktoś może mnie prowadzić na nich pomoże mi ogromnie:

1) przegląd tego, jak kątowego App mogą być zintegrowane z Joomla, co należy zrobić , wymagania, itp. Rozumiem, że wyjaśnienie tego będzie wykraczało poza zakres SO, ale niektóre wskazówki tutaj pomogą.

2) Pokaż/wskaż mi drogę, od której muszę zacząć czytać, aby to osiągnąć. Próbowałem googling na ten temat i nie mogę znaleźć samouczek, który pokazuje, jak zintegrować Angular i Joomla.

Answer 1

W końcu udało mi się zintegrować aplikację AngularJS z Joomla. Było to znacznie łatwiejsze niż myślałem. Moja aplikacja Angular to samodzielna aplikacja i używam Joomla tylko do rejestracji użytkowników, płatnego programu członkowskiego, wysyłania biuletynów itp. Dlatego chcę, aby Joomla zapewniała dostęp do mojej Angular App tylko wtedy, gdy mają odpowiednie uprawnienia użytkownika. Aby zintegrować te 2, zrobiłem co następuje:

1) Czytam docs na opracowanie MVC Komponent dla Joomla i starał się zrozumieć, w jaki składnik MVC działa: http://docs.joomla.org/J3.3:Developing_a_MVC_Component

2) Następnie stworzył składnik dla tej aplikacji kątowej. Stworzenie tego komponentu było naprawdę łatwe, ponieważ użyłem tu narzędzi: http://www.component-creator.com/

3) Następnie załadowałem komponent do Joomla i zainstalowałem go z back-endu.

4) Dodałem łącze do komponentu do menu i ustawiłem tam uprawnienia, aby tylko zarejestrowani użytkownicy mieli dostęp do linku menu aplikacji.

To wszystko! Działało to później. Byłem zaskoczony, jak łatwo było włączyć aplikację Angular jako komponent do istniejącej instalacji Joomla. Jedyne, co muszę zrobić w mojej aplikacji Angular to:

1) Edytuj ścieżkę względną w aplikacji, aby ścieżka pochodziła z pliku index.php autorstwa joomla zamiast z pliku indeksu aplikacji Angular.

2) Napraw konflikty klas, które mogą powstać w wyniku konfliktów między szablonem Bootstrap i Joomla.

To jest moja pierwsza próba, ponieważ jestem nowy w Joomla. Mam nadzieję, że pomoże to innym, którzy mogą się tym samym zastanawiać, ponieważ tak bardzo się przejmowałem, jak to zrobić, kiedy zacząłem. Dokumenty Joomla są całkiem dobre, co bardzo mi pomogło.

Happy Coding!