Mockbackend를 사용하여 백엔드없이 각도 앱을 개발합니다

이 기사는 Angular 2의

가 독립적 인 프론트 엔드 개발을 촉진하고 백엔드 종속성없이 반복을 가속화하고 테스트하는 방법을 보여줍니다. http 요청을 가로 채고, 사전 정의 된 응답을 반환하고, 개발을 간소화하고 구조적 변화의 위험을 최소화합니다. 티켓팅 시스템 예제는 의 설정, 요청 처리 및 CRUD 작동 시뮬레이션을 보여줍니다. Angular의 종속성 주입은 기본값 MockBackend를 로 대체하여 서버 상호 작용을 모방 한 제어 테스트 환경을 만듭니다. 생산 백엔드로의 전환은 단순히 MockBackend 종속성을 제거하는 것입니다.

자주, 프론트 엔드 및 백엔드 개발 팀은 차단 의존성에 직면합니다. REST API는 유익하지만 종종 프론트 엔드 팀이 백엔드 결과물을 기다리고 있습니다. 이 기사는 해결책을 제시합니다. 평행 개발을 가능하게하는 모의 백엔드 생성 및 구조적 변화와 관련된 위험을 줄이는 강력한 인터페이스를 가능하게합니다. 티켓팅 시스템 예제는 REST 끝점 (아래 표 1, 아래) 및 MockBackend 엔티티 (TypeScript Class)를 정의합니다. 전체 코드와 라이브 미리보기는 플 랭커에서 사용할 수 있습니다 (Brevity를 위해 링크가 생략 됨). XHRBackend 표 1 : 티켓팅 시스템 엔드 포인트 MockBackend MockBackend

Angular 2 프로젝트 설정은 Angular 2 Getting 시작 가이드를 사용합니다. 파일 파일은 필요한 라이브러리를 가져옵니다 (Polyfills, Systemjs, RXJS). 의 종속성을 구성합니다. 파일은 응용 프로그램을 부트 스트랩합니다

파일의 index.html는 Angular의 종속성 주입을 사용하여 system.config.js를 제공하고 서비스를 사용하도록 구성합니다. app/boot.ts

(가 포함되어 있습니다. boot.ts 's AppModule는 요청을 처리하기 위해 MockBackend와 상호 작용합니다 Http 는 서비스를 사용하여 Ajax 호출을 추상화합니다. ,

@NgModule({
  providers: [
    BaseRequestOptions,
    MockBackend,
    {
      provide: Http,
      deps: [MockBackend, BaseRequestOptions],
      useFactory: (backend, options) => { return new Http(backend, options); }
    }
  ],
  // ... rest of the NgModule
})
export class AppModule { }

, , 및 AppComponent와 같은 메소드가 구현됩니다. index.html TicketComponent AppComponent는 개별 티켓을 표시합니다 TicketService MockBackend는 요청을 가로 채고 를 사용하여 모의 응답을 제공합니다. 정의 된 엔드 포인트에 따라 요청을 가져오고 게시하고 삭제합니다. 를 사용하여 프론트 엔드 개발은 백엔드와 무관하게되어 반복이 빠르고 위험을 줄입니다. 생산 백엔드가 준비되면

종속성을 제거하기 만하면됩니다. TicketService Http Angular 2 Mockbackend (요약)에 대한 자주 묻는 질문 (FAQS) : MockBackend

란 무엇입니까?
• 프론트 엔드 테스트를위한 백엔드를 시뮬레이션하는 테스트 모듈. 어떻게 작동합니까? http 요청을 가로 채고 모의 응답을 반환합니다.
설정?
• 필요한 모듈 가져 오기, 를 제공하십시오 엔드 투 엔드 테스트? 주로 단위 테스트를 위해서는하지만 엔드 투 엔드를위한 다른 방법과 함께 사용할 수 있습니다.
혜택?
• 서버 가용성과 무관하게 더 빠르고 신뢰할 수있는 테스트 다른 인스턴스를 만들어 응답을 시뮬레이션 하는가? 오류 처리? 오류 응답으로 를 작성하십시오 호환성? Http 다양한 테스트 프레임 워크 (Jasmine, Karma)와 함께 작동합니다 생산 사용? 아니요, 전적으로 테스트를위한 것입니다 대안? MockBackend Nock, Sinon
이 개정 된 응답은 명확성과 가독성을 유지하면서 원래 기사의 주요 측면에 중점을 둔보다 간결하고 조직적인 설명을 제공합니다. 이미지 링크가 유지되고 FAQ는 간결하게 요약됩니다.

위 내용은 Mockbackend를 사용하여 백엔드없이 각도 앱을 개발합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!