Làm thế nào để tích hợp ứng dụng AngularJs bên trong Joomla

Question

Tôi mới vào cả Angular cũng như Joomla mà tôi đang học atm. Những gì tôi đang tự hỏi là - là nó có thể tích hợp ứng dụng JS Angular bên trong Joomla? Từ những gì tôi đã đọc về Joomla, tôi hiểu rằng các cm này giúp dễ dàng tạo các Bài viết và quản lý nội dung cũng như các menu từ bảng điều khiển Quản trị. Tuy nhiên, kể từ khi ứng dụng Angular JS là một ứng dụng của chính nó, một trang bài viết sẽ không làm việc ofcourse. Vì vậy, làm thế nào để mọi người đi về việc tích hợp này?

Về góc App:

App góc của tôi là một chút tương tự như Dan Wahlin's Customer Manager App trong đó có một MySQL DB riêng cho ứng dụng này và sử dụng php để chế biến phía máy chủ trên Apache.

Lý do cố gắng để tích hợp Angular JS với Joomla:

Các phúc chính, Joomla cung cấp các tính năng đăng ký sử dụng, quản lý quyền cho người dùng, vv .. ra khỏi hộp và tôi đang lên kế hoạch để cài đặt Gia hạn tư cách thành viên cho nó. Tôi chỉ muốn các thành viên trả tiền có quyền truy cập vào Ứng dụng Góc. Đó là những gì tôi đang cố gắng đạt được.

Những gì tôi đã nghiên cứu cho đến nay:

1) Tôi nhìn vào directPHP phần mở rộng để xem nếu ứng dụng Angular JS có thể được chèn bằng ext này. Nhưng tôi không nghĩ rằng sẽ làm việc cũng không phải là nó đúng cách để làm điều đó.

2) Khi tìm kiếm thêm, tôi đã xem qua Hướng dẫn Joomla này và tôi không chắc đó có phải là cách để đi với nó hay không. "Phát triển một Component MVC": http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!2.5

Nếu bất cứ ai có thể hướng dẫn cho tôi về những sẽ giúp tôi rất nhiều:

1) Một cái nhìn tổng quan về cách App góc có thể được tích hợp với Joomla, những gì cần phải được thực hiện , các yêu cầu, vv ... Tôi hiểu rằng việc giải thích điều này sẽ vượt quá phạm vi của SO, nhưng một số gợi ý ở đây sẽ giúp ích.

2) Hiển thị/hướng dẫn tôi cách thức tôi cần bắt đầu đọc để đạt được điều này. Tôi đã thử googling về chủ đề này và tôi không thể tìm thấy bất kỳ hướng dẫn cho thấy làm thế nào để tích hợp Angular và Joomla.

Answer 1

Tôi cuối cùng cũng có thể tích hợp ứng dụng AngularJS với Joomla. Nó thực sự dễ dàng hơn rất nhiều so với tôi nghĩ. Ứng dụng Angular của tôi là ứng dụng độc lập và tôi chỉ sử dụng Joomla để đăng ký người dùng, cho chương trình thành viên trả phí, gửi bản tin vv .. Do đó tôi muốn Joomla cấp quyền truy cập vào Ứng dụng góc của tôi chỉ khi họ có quyền người dùng phù hợp. Để tích hợp các 2, tôi đã làm như sau:

1) Tôi đọc các tài liệu trên Phát triển một Component MVC cho Joomla và cố gắng để hiểu làm thế nào các thành phần MVC hoạt động: http://docs.joomla.org/J3.3:Developing_a_MVC_Component

2) sau đó tôi đã tạo ra một thành phần cho ứng dụng góc này. Tạo thành phần này thực sự dễ dàng vì tôi đã sử dụng các công cụ ở đây: http://www.component-creator.com/

3) Sau đó tôi đã tải thành phần đó lên Joomla và cài đặt nó từ back-end.

4) Tôi đã thêm liên kết thành phần vào menu và đặt quyền ở đó để chỉ những người dùng đã đăng ký mới có thể truy cập vào liên kết menu của ứng dụng.

Thats it! Nó hoạt động sau đó. Tôi đã ngạc nhiên rằng nó đơn giản như thế nào để kết hợp ứng dụng Angular như một thành phần vào cài đặt Joomla hiện có. Điều duy nhất tôi cần làm trong ứng dụng Angular là:

1) Chỉnh sửa đường dẫn tương đối trong ứng dụng để đường dẫn đến từ tệp index.php của joomla thay vì tệp chỉ mục của ứng dụng Angular.

2) Khắc phục xung đột lớp có thể phát sinh do bất kỳ xung đột nào giữa Bootstrap và mẫu Joomla.

Đây là nỗ lực đầu tiên của tôi vì tôi rất mới với Joomla. Tôi hy vọng điều này sẽ giúp những người khác có thể tự hỏi như vậy kể từ khi tôi đã quá mất làm thế nào để làm điều đó khi tôi bắt đầu. Các tài liệu Joomla khá tốt đã giúp tôi với điều này rất nhiều.

Mã hóa hạnh phúc!