우리는 몇 년 동안 웹 응용 프로그램 프로그래밍을 해오 고있는 개발자 팀입니다. 우리는 이제 새로운 프로젝트로 시작하고 있으며 우리는 하나의 페이지 응용 프로그램으로 만들려고합니다. 프런트 엔드의 경우 각도를 사용하고 있습니다. 우리는 비교적 각도에 익숙하며 서비스, 지시어, 컨트롤러 등을 만드는 법을 알고 있습니다. $http 및 $resource과 같은 기본 제공 서비스를 사용하는 방법과 사용자 경로 (또는 ui-router의 상태)를 사용하는 방법을 알고 있지만 애플리케이션을 구조화하는 방법에 대해서는 매우 초기 상태입니다.단일 페이지 응용 프로그램을 구성하는 방법에 대한 지침을 찾고 있습니다.
우리는이 일반적인 문제를 해결할 좋은 자원 (블로그, 비디오, 서적)을 찾는 데 어려움을 겪고 있습니다. 많은 게시물에는 다음과 같은 매우 간단한 방법이 있습니다.
"SPA를 구축하려면 $http을 사용해야합니다.이 방법은 간단합니다."
이들은 각 구성 요소의 기본 사항을 이해하는 데는 매우 유용 할 수 있지만 모두 함께 결합하는 것은 설명하지 않습니다. 우리가 가진 질문은 다음과 같은 유형입니다 :
응용 프로그램 상태를 나타 내기 위해 중앙 js 객체를 빌드합니까? 응용 프로그램이 웹 상점의 백 엔드가 될 경우 중앙 개체는 제품 목록이있는 회사 일 것이고 각각은 주문 목록이 있으며 각 목록에는 고객에 대한 참조가 있습니다. 또는 응용 프로그램 상태의 표현을 다른 객체로 분할합니까? 그렇다면 어떻게 동기화 할 것인가?
엔티티를 편집하는 양식을 표시하려면 부분을보기로로드하는 경로를 만들고 편집 할 엔티티로 범위를 채 웁니다. 백엔드에서 엔티티를 가져 옵니까? 또는 js 모델에서 이미 가지고있는 경우에는 http 요청을 할 필요가 없도록 간단하게 가져옵니다.
이 더 많은이 있음이 분명 내가 어떤 질문에 간단한 대답이되지 않습니다 실현, 오히려 장단점과 다른 디자인 패턴이 될 가능성이 높습니다. 이 게시물에 대한 답변으로 내 모든 질문에 대한 답변을 기대하지는 않지만, 이러한 문제를 응용 프로그램 차원에서 논의하는 리소스 (블로그, 비디오, 도서 등)를 찾고 싶습니다. 일부 질문은 각기 특정이며 일부는 단일 페이지 응용 프로그램에 더 일반적입니다. 그러한 자원이 있습니까?
이것은 내 정확한 질문입니다. 이 문제에 대해 어떻게 생각하니? 감사! –
아직 좋은 자료를 찾지 못했습니다. 지금 우리의 접근 방식은 응용 프로그램 전반에 걸쳐 다른 접근 방식을 시도하는 것입니다. 우리는 단위 테스트와 e2e 테스트를 철저히 자동화했습니다. 이렇게하면 모든 테스트가 통과되는 한 응용 프로그램의 내부를 변경할 수 있습니다. 이렇게하면 우리는 우리가 우리에게 맞는 것을 따라갈 수 있습니다.우리는 또한 ngResource 또는 restangular를 사용하지 않고 처음부터 모든 것을 빌드하기로 결정했습니다. 패턴을 보았을 때 우리에게 맞는 프레임 워크를 선택하게 될 것입니다. 이것은 지금 내 최고의 조언이다 ... –