web-dev-qa-db-ja.com

Joomla内にAngularJsアプリを統合する方法

私はAngularとatmを学んでいるJoomlaの両方に不慣れです。私が疑問に思っているのは-統合することは可能ですかAngular Joomla内のJSアプリケーション?Joomlaについて読んでいたことから、このcmsを使用すると、管理パネルから記事を作成したり、コンテンツやメニューを管理したりするのが簡単になることがわかりました。 Angular JSアプリはそれ自体がアプリケーションであり、記事ページはもちろん機能しません。では、人々はこれをどのように統合するのでしょうか?

About Angular App:

私のAngularアプリは Dan Wahlinのカスタマーマネージャーアプリ に少し似ています。このアプリには別のMySQL DBがあり、Apacheでのサーバー側の処理にphpを使用しています。

統合を試みる理由Angular JSとJoomla:

主なものは、Joomlaがユーザー登録機能、ユーザーの権限管理などをすぐに提供し、メンバーシップ拡張機能をインストールすることを計画しています。有料会員だけがAngular Appにアクセスできるようにしたい。それが私が達成しようとしていることです。

私がこれまでに調査したこと:

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を統合する方法を示すチュートリアルが見つかりません。

13
Neel

ついにAngularJSアプリをJoomlaと統合することができました。実際、思ったよりずっと簡単でした。私のAngularアプリはスタンドアロンアプリであり、ユーザー登録、有料メンバーシッププログラム、ニュースレターの送信などにのみJoomlaを使用しています。したがって、Joomlaに私のAngularアプリは、適切なユーザー権限を持っている場合のみ。これら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)アプリの相対パスを編集して、パスがAngularアプリのインデックスファイルではなく、joomlaのindex.phpファイルからのものになるようにします。

2)BootstrapとJoomlaテンプレートの間の競合が原因で発生する可能性のあるクラスの競合を修正します。

私はJoomlaにとても慣れていないので、これは私の最初の試みです。私が始めたときにそれを行う方法にとても迷っていたので、これが同じことを疑問に思うかもしれない他の人に役立つことを願っています。 Joomlaのドキュメントはかなり良いので、これを大いに助けてくれました。

ハッピーコーディング!

25
Neel