Angular와 ASP의 혼합.NET MVC/Web API?
저는 ASP를 사용하여 왔습니다.NET MVC/Web API를 사용하여 Angular를 사용하기 시작했는데 적절한 믹스 방법을 모르겠습니다.
Angular를 사용해도 MVC 서버 측 개념이 여전히 어떤 값을 제공합니까?아니면 웹 API를 사용하여 앵글HTTP 콜의 데이터를 취득해야 합니까?
ASP에 대한 힌트NET MVC 담당자가 Angular로 전환하는 것이 도움이 될 것입니다.
순수 웹 API
나는 ASP에 꽤 열중했었다.NET MVC이지만 Angular를 만난 후 서버 측 콘텐츠 생성 프레임워크를 사용하는 이유를 알 수 없습니다.Pure Angular/REST(WebApi)는 보다 풍부하고 부드러운 결과를 제공합니다.훨씬 빠르고 펑키한 해킹 없이 데스크톱 애플리케이션에 가까운 웹사이트를 구축할 수 있습니다.
Angular는 약간의 학습 곡선을 가지고 있지만, 일단 당신의 팀이 그것을 숙달하면 당신은 더 짧은 시간에 훨씬 더 나은 웹사이트를 구축할 수 있을 것이다.이것은 주로 당신이 더 이상 이러한 모든 상태 문제를 가지고 있지 않다는 사실과 관련이 있습니다.
예를 들어 기존 서버 측 프레임워크가 있는 마법사 양식을 상상해 보십시오.각 페이지를 개별적으로 검증하고 제출해야 합니다.이전 페이지의 값에 따라 페이지 내용이 달라질 수 있습니다.사용자가 뒤로 버튼을 눌러 이전 양식을 다시 제출하고 있을 수 있습니다.고객의 상태를 어디에 저장합니까?Angular와 REST를 사용할 때는 이러한 모든 합병증이 존재하지 않습니다.
그러니까... 어두운 쪽으로 와... 쿠키가 있어
AngularJS는 단일 페이지 애플리케이션 패러다임과 더 관련이 있기 때문에 마크업을 렌더링하는 서버 측 테크놀로지의 이점은 크지 않습니다.함께 사용할 수 없는 기술적 이유는 없지만, 실제적인 의미에서는 왜 사용합니까?
SPA는 필요한 자산(JS, CSS 및 HTML 뷰)을 취득하여 자체 실행하며 서비스와 통신하여 데이터를 전송 또는 가져옵니다.따라서 이러한 서비스(인증 등 기타 수단도 포함)를 제공하기 위해서는 서버 측 기술이 여전히 필요하지만, MVC는 서버 측을, Angular는 클라이언트 측을 대상으로 하는 것을 제외하고는 렌더링 부분은 거의 관련이 없고 작업의 중복이기 때문에 특별히 유용하지 않습니다.Angular를 사용하는 경우 최상의 결과를 얻기 위해 클라이언트에서 사용해야 합니다.Angular post HTML 폼을 만들고 MVC 액션에서 부분 뷰를 가져올 수 있지만 Angular의 가장 쉽고 좋은 기능을 놓치고 삶을 더 힘들게 만들 수 있습니다.
MVC는 매우 유연하기 때문에 SPA 어플리케이션으로부터의 콜을 처리하기 위해 사용할 수 있습니다.그러나 WebAPI는 보다 정교하게 조정되어 이러한 서비스를 위해 사용하기가 조금 더 쉽습니다.
나는 Angular를 몇 개 썼다.JS 애플리케이션(기존 WebForms 및 MVC 애플리케이션 및 ASP에서 마이그레이션된 애플리케이션 포함)NET 측면은 Angular를 제공하는 플랫폼으로 발전합니다.JS app은 실제 클라이언트로, 클라이언트가 REST를 통해 통신하는 애플리케이션 계층을 호스팅하기 위해 사용됩니다(WebAPI 사용).MVC는 훌륭한 프레임워크이지만, 일반적으로 이러한 종류의 애플리케이션에서는 직업이 없습니다.
ASP.NET 애플리케이션은 인프라스트럭처의 또 다른 계층이 되며, 그 책임은 다음과 같이 제한됩니다.
- 종속성 컨테이너를 호스트합니다.
- 비즈니스 로직 구현을 컨테이너에 배선합니다.
- JS 및 CSS 자산 번들을 설정합니다.
- 호스트 WebAPI 서비스
- 보안을 강화하고 로깅 및 진단을 수행합니다.
- 성능을 높이기 위해 애플리케이션 캐시와 인터페이스합니다.
SPA의 또 다른 장점은 팀의 대역폭을 늘릴 수 있다는 것입니다.한 그룹은 서비스를 종료하고 다른 그룹은 클라이언트 앱을 사용할 수 있습니다.REST 서비스를 쉽게 스텁 또는 모킹할 수 있기 때문에, 모킹 서비스 상에서 완전히 동작하는 클라이언트 앱을 가지고, 그것이 완료되면 실제 클라이언트 앱으로 교환할 수 있습니다.
Angular에 선불 투자를 해야 하지만 큰 성과를 거뒀어요.MVC에 대해서는 이미 잘 알고 계시기 때문에 몇 가지 핵심 개념에 대해 이해를 하셔야 합니다.
작업 중인 프로젝트에 따라 다릅니다.
각진 경우JS는 새로운 기술입니다.저는 리스크/압박성이 낮은 소규모 프로젝트를 선택하여 작업을 시작하고 올바른 방법으로 수행하는 방법을 배우고 싶습니다(압박, 마감일 때문에 Angularjs를 잘못 사용하는 많은 프로젝트를 봐왔습니다).예를 들어 JQuery를 사용하거나 컨트롤러 내부의 DOM에 액세스하는 등 적절한 방법으로 학습할 시간이 없습니다.
프로젝트가 녹색 필드이고 AngularJs에 대한 경험이 있다면 ASP.net MVC를 포기하고 서버 측에서 순수 REST/WebAPI로 전환하는 것이 타당합니다.
기존 프로젝트일 경우 복잡한 기능의 서브셋을 선택하여 해당 페이지를 별도의 각도로 작성할 수 있습니다.JS 앱(예: 앱은 표준 심플/중복잡도 Razor 기반 페이지 묶음으로 구성되어 있지만, 필요한 페이지와 고급 에디터/페이지로 구성되어 있어 Angular를 사용하여 구축할 수 있습니다.JS)
각도 프레임워크를 사용하여 프런트 엔드 개발을 수행할 수 있습니다. 즉, 뷰를 구성할 수 있습니다.이 제품은 견고한 아키텍처를 제공하며, Asp.net MVC의 레이저 뷰 엔진보다 뛰어난 이점을 제공합니다.데이터를 가져오려면 WebAPI와 현재 ASP를 사용해야 합니다.Net MVC 프로젝트는 WebAPI 컨트롤러와 MVC 컨트롤러를 즉시 지원합니다.아래 링크 시작은 Angular 및 ASP로 참조할 수 있습니다.MVC 어플리케이션의 넷 개발.
http://hive.rinoy.in/angular4-and-asp-net-mvc-hybrid-application/
각도 어플리케이션용 UI 컴포넌트를 개발하는 데 사용할 수 있는 프레임워크는 현재 두 가지가 있습니다.저는 제가 작업한 각진 프로젝트 중 하나에서 이 두 가지 프레임워크를 모두 사용했습니다.
재료. https://material.angular.io/
프라임 https://www.primefaces.org/primeng/ #/
언급URL : https://stackoverflow.com/questions/21097592/mixing-angular-and-asp-net-mvc-web-api
'programing' 카테고리의 다른 글
| onclick은 새 반응 구성요소를 렌더링하지 않습니다. (0) | 2023.03.20 |
|---|---|
| MockRestServiceServer: 본문으로 POST 콜을 모의하는 방법 (0) | 2023.03.20 |
| Angular 8 - 느린 모듈 로딩: 오류 TS1323: '--module' 플래그가 'commonjs' 또는 'esNext'인 경우에만 동적 가져오기가 지원됩니다. (0) | 2023.03.20 |
| 'npm start'는 "프로젝트 종속성 트리에 문제가 있을 수 있습니다."라는 오류를 반환합니다. (0) | 2023.03.20 |
| SpringBoot에서 MockMvc를 사용하는 경우의 차이점WebMvcTest 테스트 및 사용 (0) | 2023.03.20 |