কীভাবে আরএক্সজেএস মানচিত্র অপারেটর থেকে ত্রুটি নিক্ষেপ করা যায় (কৌণিক)

Question 1

শর্তের ভিত্তিতে আমি আমার পর্যবেক্ষণযোগ্য মানচিত্র অপারেটর থেকে একটি ত্রুটি ফেলে দিতে চাই । উদাহরণস্বরূপ যদি সঠিক এপিআই ডেটা না পাওয়া যায়। দয়া করে নীচের কোডটি দেখুন:

private userAuthenticate( email: string, password: string ) {
    return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password})
        .map( res => { 
            if ( res.bearerToken ) {
                return this.saveJwt(res.bearerToken); 
            } else {
                // THIS DOESN'T THROW ERROR --------------------
                return Observable.throw('Valid token not returned');
            }
        })
        .catch( err => Observable.throw(this.logError(err) )
        .finally( () => console.log("Authentication done.") );
}

মূলত আপনি কোডটিতে দেখতে পাচ্ছেন, যদি প্রতিক্রিয়ার (রেজ অবজেক্ট) 'বাহক টোকেন' না থাকে তবে আমি একটি ত্রুটি ছুঁড়ে দিতে চাই। যাতে আমার সাবস্ক্রিপশনে এটি নীচে উল্লিখিত ২ য় প্যারামিটারে (হ্যান্ডেল এরির) যায়।

.subscribe(success, handleError)

কোনও পরামর্শ?

Question 2

map()অপারেটরের ভিতরে কেবল ত্রুটি নিক্ষেপ করুন । আরএক্সজেএস-এর সমস্ত কলব্যাক ট্রাই-ক্যাচ ব্লক দিয়ে মুড়িয়ে দেওয়া হয় যাতে এটি ধরা পড়ে এবং তারপরে একটি errorবিজ্ঞপ্তি হিসাবে প্রেরণ করা হয় ।

এর অর্থ আপনি কোনও কিছুই ফিরিয়ে দেন না এবং কেবল ত্রুটিটি ফেলে দেন:

map(res => { 
  if (res.bearerToken) {
    return this.saveJwt(res.bearerToken); 
  } else {
    throw new Error('Valid token not returned');
  }
})

throwError()(সাবেক Observable.throw()RxJS 5) যে শুধু একটি পাঠায় একটি লক্ষণীয় হয় errorপ্রজ্ঞাপন কিন্তু map()গ্রাহ্য না করে কি আপনি ফিরে যান। এমনকি যদি আপনি map()এটি থেকে কোনও পর্যবেক্ষণযোগ্য ফিরিয়ে দেন তবে তা nextবিজ্ঞপ্তি হিসাবে পাস করা হবে ।

শেষ কথা, আপনার সম্ভবত ব্যবহার করার দরকার নেই .catchError()( catch()আরএক্সজেএস 5 এর আগের )। যদি কোনও ত্রুটি ঘটে তখন আপনার কোনও পার্শ্ব প্রতিক্রিয়া সম্পাদন করার প্রয়োজন হলে এটি ব্যবহার করা ভাল tap(null, err => console.log(err))( do()উদাহরণস্বরূপ আরএক্সজেএস 5 এর আগে)।

জানুয়ারী 2019: আরএক্সজেএস 6 এর জন্য আপডেট হয়েছে

Question 3

আপনি যদি মনে করেন মত throw new Error()অ-পর্যবেক্ষণযোগ্য মত আপনি ব্যবহার করতে পারেন বলে মনে হয় throwError(...)সঙ্গে switchMapপরিবর্তে map(পার্থক্য হচ্ছে switchMapআয় একটি নতুন পর্যবেক্ষণযোগ্য):

// this is the import needed for throwError()
import { throwError } from 'rxjs';


// RxJS 6+ syntax
this.httpPost.pipe(switchMap(res => { 
   if (res.bearerToken) {
      return of(this.saveJwt(res.bearerToken)); 
   } 
   else {
      return throwError('Valid token not returned');  // this is 
   }
});

বা আরও সংক্ষিপ্তভাবে:

this.httpPost.pipe(switchMap(res => (res.bearerToken) ? 
                                    of(this.saveJwt(res.bearerToken)) : 
                                    throwError('Valid token not returned')
));

আচরণটি একই রকম হবে, এটি কেবল আলাদা সিনট্যাক্স।

আপনি আক্ষরিক অর্থে পাইপের HTTP পর্যবেক্ষণযোগ্য থেকে অন্যটি পর্যবেক্ষণযোগ্য হিসাবে 'সুইচ' বলছেন, যা হয় কেবলমাত্র আউটপুট মানকে 'মোড়ানো', অথবা একটি নতুন 'ত্রুটি' পর্যবেক্ষণযোগ্য।

রাখতে ভুলবেন না ofবা আপনি কিছু বিভ্রান্তিকর ত্রুটি বার্তা পাবেন।

এছাড়াও 'স্যুইচম্যাপ' এর সৌন্দর্য হ'ল আপনি চাইলে কমান্ডগুলির সম্পূর্ণ নতুন 'চেইন' ফিরিয়ে দিতে পারেন - যুক্তি যা কিছু করা দরকার তার জন্য saveJwt।

Question 4

যদিও এই প্রশ্নের উত্তর ইতিমধ্যে দেওয়া হয়েছে, আমি নিজের মতামতটি ভাগ করে নিতে চাই (যদিও এটি উপরে থেকে কিছুটা আলাদা)।

আমি ম্যাপিং থেকে পৃথক কী ফিরে আসবে তা ঠিক করব এবং তদ্বিপরীত। আমি নিশ্চিত নই যে এর জন্য অপারেটর কী সেরা, তাই আমি এটি ব্যবহার করব tap।

this.httpPost.pipe(
  tap(res => { 
    if (!res.bearerToken) {
      throw new Error('Valid token not returned');
    }
  }),
  map(res => this.saveJwt(res.bearerToken)),
);