ASP.NET MVC / Web API를 사용하여 왔으며 이제 Angular를 사용하기 시작했지만 올바른 혼합 방법을 모르겠습니다.
Angular를 사용하면 MVC 서버 측 개념에 여전히 가치가 있습니까? 아니면 각도 HTTP 호출에 대한 데이터를 얻기 위해 순전히 웹 API를 사용해야합니까?
VS 템플릿이 필요하지 않은 많은 것들을 추가하는 경우 사용해야하는 시작점이 더 줄어 들었습니까?
나는 서버 측 = 순수한 데이터와 클라이언트 측 = 순수한 HTML 처리의 엄격한 분리라는 아이디어를 좋아합니다.
답변:
가장 쉽게 생각할 수있는 방법은 서버가 상태를 제공한다는 것입니다. Angular는 해당 상태에 대한 업데이트 수집을 관리하고 서버의 웹 / API로 보낼 수 있습니다. 더 많은 단일 페이지 앱을 사용하려면 서버 측 코드가 앱의 초기 상태 일뿐입니다.
웹 API는 데이터를 앱으로 가져 오기위한 훌륭한 시작점입니다. 환경 설계 요구 사항을 충족하고 원하는 경우 엄격하게 가득 차도록 기본 rout을 최종적으로 업데이트합니다.
기본적으로 ASP4에 포함 된 라이브러리와 MVC4 템플릿에 포함 된 라이브러리가 필요합니다. 실제로 페이지에 포함되지 않은 많은 것들이 프로젝트에 포함되어 있으며 기본 페이지에서는 절대 참조하지 않습니다. jQuery를 제외한 모든 것을 안전하게 제거해야하며 jQueryUI를 사용하는 것까지도합니다. 많은 기본값이 의미가 있지만 일단 도메인 지식을 채우기 시작하면 특정 요구를 충족시키는 라이브러리를 사용하게됩니다.
엄격하게 나누더라도 서버 측 mvc는 여전히 단일 페이지 앱으로 매우 깨끗합니다. 페이지와 API 호출을 효과적으로 전달하는 것이 가장 좋은 예입니다. 또 다른 유용한 기능은 마스터 페이지를 사용하지 않거나 부분보기 인보기를 반환하는 컨트롤러입니다. Angular는 템플릿으로 채울 수있는 "보기"를 가지고 있는데,이 파일은 정적 파일이거나 경로 중 하나의 일부일 수 있습니다.
나는 오늘 당신이 코멘트를 읽고 내가 처음 언급 한 것을 보여주기 위해 데모 솔루션을 함께 던졌습니다. 이 솔루션에는 Angular와 Bootstrap 을 추가 할 때 핵심 라이브러리와 모든 파생물을 얻을 수 있지만 원래의 "fluff"가 제거되었습니다 . 그것이 nuGet을 사용하는 것의 단점입니다.
확인하십시오 : https://github.com/QueueHammer/AngularWithPartialViewViews
Angular를 배울 때 Angular-Seed 프로그램이 상당히 유용하다는 것을 알았습니다. 특히 사이트에서 데모를 시도한 후. 샘플 프로젝트는 학습에 도움이 될만큼 충분히 다릅니다. 그 후 Angular-Require-Seed를 보았지만 다른 게시물입니다. 각도 별 단계별 http://docs.angularjs.org/tutorial 각도 형 씨앗 : https://github.com/angular/angular-seed
VS 템플릿이 필요하지 않은 많은 것들을 추가하는 경우 사용해야하는 시작점이 더 줄어 들었습니까?
이 VS 템플릿은 처음에 초기 설정 및 학습 곡선을 정리하는 데 좋지만 실제 프로젝트 요구에 맞게 사용자 정의해야합니다.
예를 들어,이 사이트 http://www.reviewstoshare.com 에서 내 친구는와 AngularJS함께 사용 ASP.NET MVC합니다. 이 사이트는 필요에 따라 페이지 상호 작용을 위해 ASP.MVC + Jquery를 사용하여 이미 구축되었습니다.
반면에 댓글, 투표, 신고 등과 같은 사이트에는 여전히 "Ajaxy"특성이 있습니다. Stackoverflow 자체와 크게 다르지 않습니다. AngularJS 이전에는 $(document).ready()콜백 내의 Jquery 플러그인과 함수가 혼란 스러웠 으며 JS 코드는 테스트 할 수 없었습니다.
전반적 으로 두 가지를 적절히 혼합 하면 사이트가 매끄럽고 기능적입니다.
보기 좋은 참고 자료 :