javascript – 如何将AngularJs应用程序集成到Joomla中

前端之家收集整理的这篇文章主要介绍了javascript – 如何将AngularJs应用程序集成到Joomla中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新来的Angular以及Joomla,我正在学习atm.我想知道的是 – 是否可以将Angular JS应用程序集成到Joomla中?从我在阅读关于Joomla的信息,我明白这个cms可以很容易地从管理面板创建文章和管理内容菜单.然而,由于Angular JS应用程序本身就是一个应用程序,所以文章页面不会运行.那么人们如何去集成呢?

关于Angular App:

我的Angular应用程序有点类似于Dan Wahlin’s Customer Manager App,它为此应用程序提供了一个单独的MysqL数据库,并在Apache上使用PHP进行服务器端处理.

试图将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)显示/指导我的方式,我需要开始阅读,以实现这一点.我试过google这个话题,我找不到任何教程,显示如何整合Angular和Joomla.

解决方法

我终于可以将AngularJS应用程序与Joomla集成.这实际上比我以为会容易得多.我的Angular App是一个独立的应用程序,我只使用Joomla进行用户注册,付费会员程序,发送通讯等.因此,我希望Joomla只有在具有正确的用户权限的情况下才能访问我的Angular App.要整合这些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文档很好,帮助我很多.

快乐编码!

猜你在找的JavaScript相关文章