如何在Joomla内部集成AngularJs应用程序



我是Angular和Joomla的新手,我正在学习atm。我想知道的是-是否有可能在Joomla中集成Angular JS应用程序从我读到的关于Joomla的文章中,我了解到这个cms可以很容易地从Admin面板创建文章并管理内容和菜单。然而,由于Angular JS应用程序本身就是一个应用程序,所以文章页面当然不能工作。那么,人们是如何进行整合的呢?

关于Angular应用程序:

我的Angular应用程序有点类似于Dan Wahlin的客户经理应用程序,该应用程序有一个单独的MySQL数据库,并使用php在Apache上进行服务器端处理。

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

主要是,Joomla提供了用户注册功能、用户权限管理等。开箱即用,我正计划为其安装会员资格扩展。我只希望付费会员能够访问Angular应用程序。这就是我正在努力实现的目标。

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

1) 我研究了directPHP扩展,看看Angular JS应用程序是否可以使用这个扩展插入。但我认为这不起作用,也不是正确的方法。

2) 在搜索更多时,我发现了这本Joomla教程,我不确定这是否是正确的方法。"开发MVC组件":http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!2.5

如果有人能指导我,这将对我有很大帮助:

1) 关于Angular应用程序如何与Joomla集成、需要做什么、需求等的概述……我理解解释这将超出SO的范围,但这里的一些指针会有所帮助。

2) 向我展示/指导我需要从哪里开始阅读才能实现这一点。我试着在谷歌上搜索这个话题,但我找不到任何展示如何集成Angular和Joomla的教程。

我终于能够将AngularJS应用程序与Joomla集成。事实上,这比我想象的要容易得多。我的Angular应用程序是一个独立的应用程序,我只使用Joomla进行用户注册、付费会员计划、发送时事通讯等。因此,我希望Joomla只有在拥有正确用户权限的情况下才能访问我的Angle应用程序。为了集成这2个,我做了以下操作:

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

2) 然后我为这个Angular应用程序创建了一个组件。创建这个组件非常容易,因为我使用了这里的工具:http://www.component-creator.com/

3) 然后,我将该组件上传到Joomla,并从后端进行安装。

4) 我在菜单中添加了组件链接,并在那里设置了权限,这样只有注册用户才能访问应用程序的菜单链接。

就是这样!在那之后它起了作用。我很惊讶将Angular应用程序作为一个组件集成到现有的Joomla安装中是多么简单。我在Angular应用程序中唯一需要做的事情是:

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

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

这是我第一次尝试,因为我是Joomla的新手。我希望这能帮助到其他人,他们可能也有同样的想法,因为我刚开始的时候就不知道该怎么做。Joomla的医生非常好,这对我帮助很大。

快乐编码!

最新更新