Yeni HttpClient

Question

ile köşeli 4 arkadan geliştirmeye geçiş Http'den HttpClient'e geçmeden önce, MockBacked kullanarak arkadan bağımsız bir kurulum yaptım.

import { 
    Http, BaseRequestOptions, Response, ResponseOptions, 
    RequestMethod, XHRBackend, RequestOptions 
} from '@angular/http'; 
import { MockBackend, MockConnection } from '@angular/http/testing'; 

import { subscribers } from '../jsons/subscribers.json'; 
import { TokenService } from '../../authentication/token.service'; 

export function mockBackendFactory(backend: MockBackend, options: BaseRequestOptions, 
    realBackend: XHRBackend) { 

    // configure fake backend 
    backend.connections.subscribe((connection: MockConnection) => { 
     // wrap in timeout to simulate server api call 
     setTimeout(() => { 
      let url = connection.request.url; 
      let method = connection.request.method; 

       if (url.endsWith('/demographic/subscriber') && method === RequestMethod.Get) { 
     let tokenService: TokenService = new TokenService(); 

     // get username from token 
     let username = tokenService.getUsername(); 

     // find if any subscriber matches login credentials 
     let filteredSubscriber = subscribers.filter(subscriber => { 
      return subscriber.username === username; 
     }); 

     // check to see if the user exists 
     if (filteredSubscriber.length) { 
      let subscriber = filteredSubscriber[0]; 
      connection.mockRespond(new Response(new ResponseOptions({ 
       status: 200, 
       body: { 
        "subscriber": { 
         "id": subscriber.id, 
         "firstName": subscriber.firstName, 
         "lastName": subscriber.lastName, 
         "username": subscriber.username, 
         "preferredEmail": subscriber.preferredEmail 
        } 
       } 
      }))); 
     } else { 
      // else return 400 bad request 
      connection.mockError(new Error('Unauthorized')); 
     } 

     return; 

     }, 500); 

    }); 

    return new Http(backend, options); 
} 

export let MockBackendProvider = { 
    provide: Http, 
    useFactory: mockBackendFactory, 
    deps: [MockBackend, BaseRequestOptions, XHRBackend] 
}; 

ve benim core.module.ts içinde

ben "sağlayıcılar" bölümünde MockBackendProvider koyardı dosyası: Ben benziyordu sahte-backend.provider.ts adlı bir dosya vardı.

Bu, json yanıtlarını çok hızlı bir şekilde almamı sağlar ve bu sağlayıcıyı bir ortam değişkenine göre değiştirmeye ayarlamıştım.

HttpClient'i kullanmaya başladığımda, arka uçbirim alan HttpHandler kullanan bir arka uç parametresi artık almıyor, ancak MockBackend'i kabul edemiyorum.

Geçerli kurulumumun HttpClient kullanılarak yapılabileceğine inanmıyorum ve bununla tamam değilim, ancak yeni modüller ile arka uç akışının nasıl ayarlanacağı konusunda hiçbir fikrim yok.

Her türlü yardım delice takdir edilecektir! Daha fazla kod görmeniz gerekiyorsa lütfen bana bildirin.

Answer 1

Bunu bir önleyici kullanarak çözdüm. Bu konuda herhangi bir ilerleme yoktu, https://github.com/GetDaStick/backendless-example/blob/master/src/app/core/http/mock-http.interceptor.ts