Apollo-link-rest: त्रुटि प्रतिक्रिया को संभालना

यदि आप 400+ त्रुटि नहीं पकड़ सकते हैं तो मुझे लगता है कि यह समस्या उपयोगी होगी।
https://github.com/apolographql/apolo-link-rest/issues/151

FYI करें: गलत क्रेडेंशियल के लिए आपको 401 वापस करना चाहिए।
https://stackoverflow.com/questions/1959947/whats-an-उपयुक्त-http-status-code-to-return-by-a-rest-api-service-for-a-val

नमस्ते,

मैं बस इसमें भाग गया और मैं भी सोच रहा हूं कि 404 को संभालने का अनुशंसित तरीका क्या है। यह उदाहरण के लिए apollo-link-error को ट्रिगर नहीं करता है।

अब तक मैं एक कस्टम त्रुटि हैंडलर लिंक लिखने के बारे में सोच रहा हूं, या प्रत्येक <Query /> घटक में प्रतिक्रिया में डेटा सामग्री की जांच कर रहा हूं।

एफडब्ल्यूआईडब्ल्यू मेरे पास एक ही मामला है जहां एक सर्वर उदाहरण के लिए 401 के बजाय 404 लौटा रहा है, लेकिन सर्वर को बदलना दुर्भाग्य से इस बिंदु पर एक विकल्प नहीं है।

मुझे लगता है कि इस उपयोग के मामले को संबोधित करना उचित होगा क्योंकि आरईएसटी के लिए स्थिति कोड बहुत अलग हैं - और अधिक विविध और महत्वपूर्ण - ग्राफक्यूएल से।

मैं भी इस मुद्दे पर अटका हुआ हूं। क्या शून्य के बजाय पूर्ण 404 प्रतिक्रिया वापस नहीं करने का कोई कारण है?

मुझे अभी तक एक ऐसे मामले में भागना है जहां 404 को एक त्रुटि के रूप में नहीं मानने से मुझे मदद मिली है, मैं उस तथ्य के आसपास काम करने का अच्छा तरीका खोजने की कोशिश करता रहता हूं।

क्या यह सोच कि 404 नहीं मिला एक डेटा क्वेरी का वर्णन कर सकता है जो सफलतापूर्वक, खाली सेट को सही ढंग से उत्पन्न करता है?

यह संकेत भी दे सकता है कि सेवा के मालिकों ने ऐसा ब्रेकिंग परिवर्तन किया है कि पहले से उपलब्ध समापन बिंदु गायब हो गया है।

मुझे लगता है कि पहले मामले को खाली या शून्य आवेदन इकाई के साथ 200 ओके द्वारा बेहतर तरीके से संभाला जा सकता है। कम से कम, ऐसा लगता है कि इन दो मामलों को ग्राहक द्वारा आसानी से पहचाना जाना चाहिए, क्योंकि वे बहुत अलग हैं।

हां, जानबूझकर खाली डेटा सेट किसी के विचार से थोड़ा अधिक सामान्य हैं? (कम से कम मैं हैरान था!) ​​चूंकि उपयोगकर्ता अक्सर एक ही मेटा कॉल में कई नेटवर्क और अन्य कॉल एकत्र कर रहे हैं, 404 पर एक त्रुटि फेंकने के लिए डिफ़ॉल्ट रूप से एक बड़ा प्रभाव पड़ता है, क्योंकि एक 404 समानांतर में होने वाले अन्य सभी डेटा फ़ेच को समाप्त कर देगा। मैं सहमत हूं कि यदि प्रति ग्राफक्यूएल क्वेरी केवल एक आरईएसटी कॉल निष्पादित की गई थी, तो मुझे ऐसा लगता था कि हमें आधिकारिक आरईएसटी अर्थशास्त्र को देखते हुए एक त्रुटि फेंकनी चाहिए।

व्यवहार में डिफ़ॉल्ट रूप से कोई त्रुटि नहीं फेंकना बेहतर लग रहा था! चूंकि आप एक कस्टम फ़ेच जोड़कर इसके आसपास काम कर सकते हैं, और ऐसा लगता है कि "आप जो स्वीकार करते हैं उसमें उदार रहें"; इस विकल्प ने महसूस किया कि यह अपोलो-लिंक-रेस्ट के प्रमुख उद्देश्यों में से एक के साथ मेल खाता है: उन उपयोगकर्ताओं की सहायता करें जो बैकएंड को नियंत्रित नहीं करते हैं, और वहां केवल कई "ज्यादातर-आरईएसटी" सर्वर हैं, इसलिए अर्थ संबंधी उल्लंघन आम हैं .

यदि आप customFetch पैरामीटर का उपयोग करते हैं तो मैं अपने कंप्यूटर पर नहीं हूं, लेकिन अगर आपको ऐसा करने में मदद की ज़रूरत है तो मुझे बताएं कि @williamboman यह 404 पर फेंकने के लिए अपोलो-लिंक-रेस्ट को कॉन्फ़िगर करने के लिए अपेक्षाकृत सरल है!

हाय @fbartho क्या आप 404 त्रुटियों को संभालने के लिए कस्टमफच लिखने में मेरी सहायता कर सकते हैं? क्या इसका कोई उदाहरण है?

@anasnain :

जावास्क्रिप्ट में यह कुछ इस तरह दिखेगा:

export async function customFetch(requestInfo, init) {
  const response = await fetch(requestInfo, init);
  if (response.status === 404) {
    throw new Error("404 File Not Found"); // Customize this however you like!
  }
  return response;
}

(टाइपस्क्रिप्ट में यह थोड़ा अधिक वर्बोज़ होगा)

@fbartho त्वरित प्रतिक्रिया के लिए धन्यवाद। मैं अब 404 पकड़ने में सक्षम हूं।
लेकिन मैं कैसे सुनिश्चित करूं कि अपोलो-लिंक-त्रुटि की नेटवर्क त्रुटि त्रुटि पकड़ती है (नई त्रुटि फेंकें ("404 फ़ाइल नहीं मिली")) कस्टम फ़ेच के अंदर लिखी गई है?

आह, दुर्भाग्य से, मुझे लगता है कि यह अपोलो क्लाइंट आंतरिक नियमों (लिंक कैसे काम करता है) के कारण graphQLErrors सरणी ( networkError संपत्ति पर नहीं) से जुड़ा हुआ दिखाई देगा।

यह संभव है कि यह ठीक करने योग्य है, लेकिन मुझे नहीं पता कि कैसे। -- HTTPLink को पता होना चाहिए कि यह कैसे करना है, और मुझे जांच करने का मौका नहीं मिला है। हमारे पास हमारे (कार्य) कोडबेस में एक सहायक विधि है जो नेस्टेड त्रुटियों को अनपैक करती है। (यह हमारे लिए apollo-link-state से फेंकी गई त्रुटियों के लिए भी आवश्यक था इसलिए यह वास्तव में प्राथमिकता नहीं थी)

@fbartho मुझे इस मामले में कोई त्रुटि नहीं मिल रही है। डेटा शून्य लौट रहा है। अगर हम कोई त्रुटि फेंक रहे हैं तो डेटा के बजाय एक त्रुटि की उम्मीद कर रहा था। सुनिश्चित नहीं है कि इसे कैसे कार्यान्वित किया जाए।

@anasnain मुझे इसे सेट किए हुए बहुत समय हो गया है, मैं भूल गया।

आपको अपोलो-लिंक-त्रुटि इंस्टेंस को कॉन्फ़िगर करने की भी आवश्यकता है, यह मेरा कॉन्फ़िगरेशन है:

const attachGQLErrorsToNetworkError = (
    graphQLErrors: readonly GraphQLError[],
    networkError: Error,
): void => {
    (networkError as any).tr_graphQLErrors = graphQLErrors;
    return;
};

/** Set behavior when errors occur and handle our own TR errors */
export const apolloErrorLink = onError((errorResponse: ErrorResponse) => {
    const {
        graphQLErrors = [],
        networkError,
    }: {
        graphQLErrors?: readonly GraphQLError[];
        networkError?: Error;
    } = errorResponse;

    /**
     * Our error parsing (function recursiveGQLErrorsFromNetworkError) rely
     * on attaching the following graphql errors.
     * Let's make sure to not attach anything `wrong` (ie: null, empty, ...)
     */
    const hasGraphQLErrors: boolean =
        graphQLErrors != null &&
        Array.isArray(graphQLErrors) &&
        graphQLErrors.length > 0;

    if (networkError && hasGraphQLErrors) {
        /*
         * graphQLErrors are not being passed through the chain of links,
         * but network errors are attaching the graphQLErrors to networkError
         * to be able to access them in a component
         */
        attachGQLErrorsToNetworkError(graphQLErrors, networkError);
    }
});

आगे के प्रतिबिंब के बाद: मुझे पूरा यकीन नहीं है कि मैं उस स्थिति को समझता हूं जिसका आप वर्णन कर रहे हैं।

क्या समस्या यह है कि आप अपने घटक/प्रतिक्रिया कोड में "404 त्रुटि" नहीं पढ़ सकते हैं?

@fbartho
परिदृश्य: मैं बाकी APIquery से नीचे चल रहा हूं और उम्मीद है कि मुझे एक त्रुटि वस्तु मिलनी चाहिए अगर यह अन्य 4xx त्रुटियों और 5xx त्रुटियों के मामले में 404 त्रुटि कोड देता है। लेकिन इस मामले में, त्रुटि अपरिभाषित है और डेटा शून्य है।
const {लोडिंग, त्रुटि, डेटा} = useQuery (CLIENT_API_QUERY);

यह अपोलो क्लाइंट उदाहरण है:

async function customFetch(requestInfo, init) {
    const response = await fetch(requestInfo, init);
    if (response.status === 404) {
        response.json().then((errorResponse) => {
          throw new Error(errorResponse);
        });
    }
    return response;
  }

const errorLink = onError(({ operation, response, graphQLErrors, networkError }) => {
    if (graphQLErrors) {
      graphQLErrors.forEach(({ message, path }) =>
           console.log(`[GraphQL error]: Message: ${message}, Path: ${path}`),
      );
    }
    if (networkError) {
        console.log(`[Network error ${operation.operationName}]: ${networkError.message}`);
    }
  });

const restLink = new RestLink({
    uri: 'https://run.mocky.io/v3/df72bacd-39cb-476d-bfda-06d7f5e9d77d',
    customFetch: (requestInfo, init) => customFetch(requestInfo, init)
});

const apolloClient = new ApolloClient({
    link: ApolloLink.from([errorLink, restLink]),
    new InMemoryCache(),
  });
export default apolloClient;

@anasnain - एक बात जो मुझे पता है वह यह है कि मुझे नहीं लगता कि आप new Error करते समय एक मनमानी वस्तु पास कर सकते हैं

साथ ही, मुझे लगता है कि आप एक प्रतीक्षा खो रहे हैं, इसलिए throw स्टेटमेंट बाकी लिंक कस्टमफच कॉल के बाहर हो रहा है!

const err = new Error("404 Error");
try {
  err.responseJson = await response.json(); // This await crucial to get the error in the right spot!
} catch (parsingError) {
  // figure out what you want to do with parsingError?
}
throw err;