এখানে একটি লাইব্রেরি রয়েছে যা আপনাকে দৃ strongly়-টাইপযুক্ত কলব্যাকের সাথে HTTPClient ব্যবহার করতে দেয় ।
এই কলব্যাকগুলির মাধ্যমে ডেটা এবং ত্রুটি সরাসরি উপলব্ধ।
আপনি যখন পর্যবেক্ষণযোগ্য এইচটিটিপিপ্লিনেন্ট ব্যবহার করেন তখন আপনাকে আপনার বাকী কোডে সাবস্ক্রাইব (x => ...) ব্যবহার করতে হবে ।
এ কারণে যে পর্যবেক্ষণযোগ্য < HttpResponse< T>> আবদ্ধ থাকে HTTPResponse ।
এটি আপনার বাকী কোডের সাথে এইচটিপি স্তরটিকে শক্তভাবে জুড়ে দেয় ।
এই গ্রন্থাগারটি। সাবস্ক্রাইব (x => ...) অংশটি encapsulates এবং কেবল আপনার মডেলগুলির মাধ্যমে ডেটা এবং ত্রুটি প্রকাশ করে।
দৃ strongly়ভাবে টাইপযুক্ত কলব্যাকগুলি সহ, আপনাকে কেবল আপনার বাকী কোডগুলিতে আপনার মডেলগুলির সাথে ডিল করতে হবে।
গ্রন্থাগারটিকে কৌণিক-বর্ধিত-এইচ-পি-ক্লায়েন্ট বলা হয় ।
গিটহাবের কৌণিক-প্রসারিত-এইচপি-ক্লায়েন্ট লাইব্রেরি
এনপিএম-এ কৌণিক-বর্ধিত-এইচ-পি-পি-ক্লায়েন্ট লাইব্রেরি
ব্যবহার করা খুব সহজ।
নমুনা ব্যবহার
প্রবলভাবে টাইপযুক্ত কলব্যাকগুলি হ'ল
সাফল্য:
- IObservable <
T>
- IObservableHttpResponse
- IObservableHttpCustomResponse <
T>
ব্যর্থতা:
- IObservableError <
TError>
- IObservableHttpError
- IObservableHttpCustomError <
TError>
আপনার প্রকল্পে এবং আপনার অ্যাপ্লিকেশন মডিউলে প্যাকেজ যুক্ত করুন
import { HttpClientExtModule } from 'angular-extended-http-client';
এবং @ এনজিএমডিউল আমদানিতে
imports: [
.
.
.
HttpClientExtModule
],
আপনার মডেলগুলি
//Normal response returned by the API.
export class RacingResponse {
result: RacingItem[];
}
//Custom exception thrown by the API.
export class APIException {
className: string;
}
আপনার পরিষেবা
আপনার পরিষেবাতে, আপনি কেবল এই কলব্যাক প্রকারগুলি দিয়ে প্যারাম তৈরি করেন।
তারপরে, তাদের HTTPClientExt এর পান পদ্ধতিতে পাস করুন ।
import { Injectable, Inject } from '@angular/core'
import { RacingResponse, APIException } from '../models/models'
import { HttpClientExt, IObservable, IObservableError, ResponseType, ErrorType } from 'angular-extended-http-client';
.
.
@Injectable()
export class RacingService {
//Inject HttpClientExt component.
constructor(private client: HttpClientExt, @Inject(APP_CONFIG) private config: AppConfig) {
}
//Declare params of type IObservable<T> and IObservableError<TError>.
//These are the success and failure callbacks.
//The success callback will return the response objects returned by the underlying HttpClient call.
//The failure callback will return the error objects returned by the underlying HttpClient call.
getRaceInfo(success: IObservable<RacingResponse>, failure?: IObservableError<APIException>) {
let url = this.config.apiEndpoint;
this.client.get(url, ResponseType.IObservable, success, ErrorType.IObservableError, failure);
}
}
আপনার উপাদান
আপনার উপাদানগুলিতে, আপনার পরিষেবা ইনজেকশন করা হয়েছে এবং getRaceInfo এপিআই নীচে প্রদর্শিত হিসাবে ডাকা হয়েছে।
ngOnInit() {
this.service.getRaceInfo(response => this.result = response.result,
error => this.errorMsg = error.className);
}
উভয়ই, প্রতিক্রিয়া এবং কলব্যাকগুলিতে ফিরে আসা ত্রুটি দৃ strongly়ভাবে টাইপ করা হয়। যেমন। প্রতিক্রিয়া হ'ল রেসিংস্পোনস টাইপ এবং ত্রুটি হ'ল APIException ।
আপনি কেবলমাত্র এই মডেলগুলির সাথে দৃ strongly়ভাবে টাইপযুক্ত কলব্যাকগুলিতে ডিল করেন।
সুতরাং, আপনার কোডের বাকী অংশগুলি কেবল আপনার মডেলগুলি সম্পর্কে জানে।
এছাড়াও, আপনি এখনও traditionalতিহ্যবাহী রুটটি ব্যবহার করতে পারেন এবং পরিষেবা API থেকে পর্যবেক্ষণযোগ্য < HttpResponse<টি >> ফিরে আসতে পারেন ।