如何在Joomla中集成AngularJs App

Question

我是Angular和Joomla的新手,我正在学习atm.我想知道的是 - 是否可以在Joomla中集成Angular JS Application？从我读到的关于Joomla的内容来看,我理解这个cms可以轻松地从管理面板创建文章和管理内容和菜单.但是,由于Angular JS应用程序本身就是一个应用程序,因此文章页面无法使用.那么人们如何整合这个呢？

关于Angular App:

我的角色应用程序有点类似于Dan Wahlin的客户经理应用程序,该应用程序具有针对此应用程序的单独MySQL数据库,并使用php在Apache上进行服务器端处理.

尝试将Angular JS与Joomla集成的原因:

主要是,Joomla提供用户注册功能,用户权限管理等.开箱即用,我打算安装会员扩展.我只希望付费会员可以访问Angular App.这就是我想要实现的目标.

到目前为止我研究过的内容:

1)我查看了directPHP扩展,看看是否可以使用此ext插入Angular JS应用程序.但我认为这不会起作用,也不是正确的方法.

2)在搜索更多内容时,我遇到了这个Joomla教程,我不确定这是否适合它."开发MVC组件":http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!2.5

如果有人可以指导我这些将极大地帮助我:

1)概述了如何将Angular App与Joomla集成,需要做什么,需求等......我理解解释这将超出SO的范围,但这里的一些指示将有所帮助.

2)向我展示我需要开始阅读的方式,以实现这一目标.我尝试使用谷歌搜索这个主题,我找不到任何教程,展示如何集成Angular和Joomla.

Answer 1

我终于能够将AngularJS应用程序与Joomla集成.它实际上比我想象的容易得多.我的Angular App是一个独立的应用程序,我只使用Joomla进行用户注册,付费会员计划,发送新闻通讯等.因此,我希望Joomla只有拥有正确的用户权限才能访问我的Angular App.为了整合这两个,我做了以下事情:

1)我阅读了关于为Joomla 开发MVC组件的文档,并试图了解MVC组件的工作原理:http://docs.joomla.org/J3.3 : Developing_a_MVC_Component

2)然后我为这个Angular App创建了一个组件.由于我在这里使用了这些工具,所以创建这个组件非常简单:http: //www.component-creator.com/

3)然后我将组件上传到Joomla并从后端安装它.

4)我将组件链接添加到菜单并在那里设置权限,以便只有注册用户才能访问应用程序的菜单链接.

而已!之后它起作用了.我很惊讶将Angular应用程序作为一个组件整合到现有的Joomla安装中是多么简单.我在Angular应用程序中唯一需要做的事情是:

1)编辑应用程序中的相对路径,使路径来自joomla的index.php文件而不是Angular应用程序的索引文件.

2)修复由于Bootstrap和Joomla模板之间的任何冲突而可能出现的类冲突.

这是我第一次尝试,因为我对Joomla很新.我希望这可以帮助那些可能想知道同样的人,因为当我开始时我迷失了如何去做.Joomla文档非常好,帮助了我很多.

快乐的编码!