React (with Redux)와 Angular 2를 선택하는 데 3 개월 간의 긴 토론과 연구 끝에 회사의 프론트 엔드 팀은 Angular 2와 함께하기로 결정했습니다 (우리의 문제에 더 적합하다고 생각되는 경우).
현재 전체 백엔드 RESTful을 보유하고있는 다양한 프런트 엔드 기술로 구성된 엔터프라이즈 앱 비즈니스에 참여하고 있으며,이를 모두 대체하고 단일 기술을 사용하여 향후 교육 및 품질 관리를보다 쉽게 수행하고자했습니다.
우리 제품의 특성상 방대하며, 그 자체로 다른 도메인이며 독립형 앱으로 만들 수 있지만 제품 자체는 단일 URL에 존재하는 모듈이 있습니다.
예;
내 제품을 SuperApp이라고합니다.
UI로서 SuperApp에는 표준 로그인 시스템과 하위 모듈 / 하위 제품 탐색이있어 워크 플로가 다음과 같이 나타납니다.
수퍼 앱
- 사용자 인증
- 비밀번호 찾기 마법사
- 인증없이 공개 페이지에 액세스
인증 된 사용자
네비게이션 시스템
- 집
- 하위 제품 1
- 하위 제품 2
- 하위 제품 3
프로필
...
...
여러 떼
...
...
- 집
위의 표현에서 그주의, Sub-product1
그리고 Sub-product2
완전히 다른 비즈니스 영역을 갖는 2 개 개의 완전히 다른 영역입니다.
내가 지금 생각할 수있는 것은 SuperApp 을 자신과 관련된 구성 요소와 뷰만있는 단일 Angular 2 프로젝트로 만들 수 있으며 SuperApp은 여러 하위 앱을로드하는 역할도 담당한다는 것입니다. Sub-product1
, 벙어리 구성 요소를 통해 Sub-product2
(다시 말하면, 다른 Angular 2 프로젝트, 자체 구성 package.json
, webpack
구성 등), 최상위 라우팅 및 해당 하위 앱을 보유하는 자리 표시자를 제공하는 쉘 역할을합니다.
Sub-product1
셸 내에로드 되면 SuperApp이 방문한 현재 경로에 자체 경로를 추가합니다.
분리가 필요한 이유는 현재 ExtJS를 사용하여 구축 된 이러한 다양한 앱에 전용 팀이 있고 (우리는 500 명 이상의 개발자를 보유한 회사 임) 자체 Angular 프로젝트가있는 경우 툴링을 관리 할 수 있기 때문입니다. 그리고 부모님의 앱에 의존하지 않고 취향에 의존합니다.
그러나 공식 Angular 문서 또는 웹에서 중첩 된 Angular 앱을 사용할 수 있는지 여부를 전혀 찾을 수 없습니다 (하위 앱의 종속성이 완전히 격리되고 앱이있는 경우에만 프레임 워크 코드가 공유되는 방식) 필요) 또는 이러한 문제를 해결하기위한 대체 방법이 있는지 여부
관련 기사에 대한 모든 안내 또는 링크도 인정됩니다.