Apollo-link: लिंक का उपयोग करके त्रुटियों को पकड़ना

को निर्मित 2 नव॰ 2017 · 5टिप्पणियाँ · स्रोत: apollographql/apollo-link

दस्तावेज़ीकरण से इस उदाहरण का उपयोग करने से 2 बार कॉल करने का परिणाम मिलता है (पहला एक सदस्यता पर और दूसरा http लिंक में):

http://apolo-link-docs.netlify.com/docs/link/stateless.html

const reportErrors = (errorCallback) => new ApolloLink((operation, forward) => {
  const observer = forward(operation);
  // errors will be sent to the errorCallback
  observer.subscribe({ error: errorCallback })
  return observer;
});

//...

const createLinks = () =>
  ApolloLink.from([
    reportErrors(console.error),
    httpLink,
  ]);

यह देखने योग्य युक्ति के अनुसार इरादा के अनुसार काम करता है। पहले सब्सक्राइब कॉल पर प्रोड्यूसर fn को कॉल करना चाहिए। लेकिन यह स्पष्ट नहीं है कि httpLink संयोजन में त्रुटियों को संभालने का सही तरीका क्या है?

मैंने स्रोत कोड में थोड़ा सा खोदा है और map , reduce आदि जैसे तरीके हैं लेकिन उनमें से कोई भी त्रुटि कॉलबैक स्वीकार नहीं करता है।

स्रोत

valerybugakov

सबसे उपयोगी टिप्पणी

@valerybugakov अपोलो-त्रुटि-लिंक पर एक नज़र डालें

इसे अपने httpLink के साथ इस तरह लिखें:

import { ApolloClient } from 'apollo-client';
import { ApolloLink } from 'apollo-link';
import { createHttpLink } from 'apollo-link-http';
import { onError } from 'apollo-link-error';
import { InMemoryCache } from 'apollo-cache-inmemory';

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

const httpLink = createHttpLink({ ... });

const link = ApolloLink.from([
  ...otherLinksIfNeeded,
  errorLink,
  httpLink,
]);

const client = new ApolloClient({
  link,
  cache: new InMemoryCache(),
  queryDeduplication: true,
});

ghost 3 नव॰ 2017

👍30 🎉12 ❤1

सभी 5 टिप्पणियाँ

@valerybugakov अपोलो-त्रुटि-लिंक पर एक नज़र डालें

इसे अपने httpLink के साथ इस तरह लिखें:

import { ApolloClient } from 'apollo-client';
import { ApolloLink } from 'apollo-link';
import { createHttpLink } from 'apollo-link-http';
import { onError } from 'apollo-link-error';
import { InMemoryCache } from 'apollo-cache-inmemory';

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

const httpLink = createHttpLink({ ... });

const link = ApolloLink.from([
  ...otherLinksIfNeeded,
  errorLink,
  httpLink,
]);

const client = new ApolloClient({
  link,
  cache: new InMemoryCache(),
  queryDeduplication: true,
});

ghost 3 नव॰ 2017

👍30 🎉12 ❤1

@somehandle हाँ, यह एक विकल्प है। क्या होगा यदि मैं अपने कस्टम लिंक में त्रुटियों को संभालना चाहता हूं? मुझे ऐसा करने का एकमात्र तरीका मिला है कि ऑब्जर्वेबल को next(operation) द्वारा दूसरे ऑब्जर्वेबल में लौटाया जाए।

valerybugakov 3 नव॰ 2017

@valerybugakov आप किस प्रकार की त्रुटियों को संभालना चाहते हैं? यदि वे ग्राफ़िकल त्रुटियां हैं, तो आप .map के परिणाम पर forward(operation) कर सकते हैं क्योंकि वे परिणामस्वरूप वापस आ जाते हैं, यदि नहीं, तो आपको अन्य पर्यवेक्षक के आसपास सदस्यता लेने की आवश्यकता है। कुछ उदाहरणों के लिए अपोलो-लिंक-त्रुटि के पीछे के कोड पर एक नज़र डालें!

jbaxleyiii 29 नव॰ 2017

@jbaxleyiii
अगर मैं नेटवर्क त्रुटि पकड़ना चाहता हूं तो क्या होगा?
आइए 400, खराब अनुरोध कहें।

coyolero 12 जन॰ 2018

👍42

@coyolero संबंधित https://github.com/apollographql/apollo-link/issues/570

vjpr 21 जुल॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Apollo-link: लिंक का उपयोग करके त्रुटियों को पकड़ना

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों