Subskrypcje Apollo GraphQL nie działają w Vuejs

Rohit Vyas 2019-11-01 12:24.

Używam subskrypcji GraphQL z klientem Prisma i vuejs + apollo

W systemie lokalnym uruchamiam vuejs pod adresem http://localhost:8080 i serwer pod adresem http://localhost:4000.

Chcę wyświetlić ostatnio dodane i zaktualizowane rekordy w panelu.

Zaimplementowałem subskrypcję w swoim lokalnym systemie i działa poprawnie.

Wysyłam cały kod po stronie serwera i po stronie klienta na serwer, ale subskrypcja tam nie działa.

Używam serwera AWS. Wszystko działa poprawnie, z wyjątkiem subskrypcji. Skonfigurowałem websockets i też działa poprawnie.

Czasami pojawia się poniższy błąd: połączenie WebSocket z „wss: // URL: 4000 / graphql” nie powiodło się: WebSocket jest zamknięty przed nawiązaniem połączenia

Poniżej dokumentuję https://www.apollographql.com/docs/react/data/subscriptions/

Próbowałem na różne sposoby, ale nie udało mi się. Połączenie jest stabilne / łączy się ponownie po rozłączeniu.

Po stronie serwera dodałem odbiornik dla gniazda sieciowego i się łączy.

To jest mój kod pliku vue-apollo.js

    import Vue from 'vue';
    import VueApollo from 'vue-apollo';
    import { ApolloClient } from 'apollo-client';
    import { HttpLink } from 'apollo-link-http';
    import { InMemoryCache } from 'apollo-cache-inmemory';

    // imports for subscription
    import { split } from 'apollo-link';
    import { WebSocketLink } from 'apollo-link-ws';
    import { getMainDefinition } from 'apollo-utilities';

    const uriHttp = process.env.VUE_APP_SERVER_URL;
    const uriWs = process.env.VUE_APP_WS_SERVER_URL;

    const headers = { authorization: localStorage.getItem('token') };

    const httpLink = new HttpLink({ uri: uriHttp, headers });
    const wsLink = new WebSocketLink({
      uri: uriWs,
      options: {
        reconnect: true,
        connectionParams() {
           return { headers };
         },
      },
    });

    wsLink.subscriptionClient.on('connecting', () => {
      console.log('connecting');
    });

    wsLink.subscriptionClient.on('connected', () => {
      console.log('connected');
    });

    wsLink.subscriptionClient.on('reconnecting', () => {
      console.log('reconnecting');
    });

    wsLink.subscriptionClient.on('reconnected', () => {
      console.log('reconnected');
    });

    wsLink.subscriptionClient.on('disconnected', () => {
      console.log('disconnected');
    });

    wsLink.subscriptionClient.maxConnectTimeGenerator.duration = () => wsLink.subscriptionClient.maxConnectTimeGenerator.max;

   const link = split(({ query }) => {
      const { kind, operation } = getMainDefinition(query);
      return kind === 'OperationDefinition' && operation === 'subscription';
    }, wsLink, httpLink);

    export const defaultClient = new ApolloClient({
      link,
      cache: new InMemoryCache(),
      connectToDevTools: true,
    });

    const apolloProvider = new VueApollo({
      defaultClient,
      defaultOptions: {
        $loadingKey: 'loading',
      },
    });

    Vue.use(VueApollo);

    export default apolloProvider;

vue.js graphql apollo-client apollo-server prisma

1 answers

Rohit Vyas 2019-11-13 12:43.

Wreszcie mam problem. Właściwie korzystałem z klasycznego modułu równoważenia obciążenia, a klasyczny system równoważenia obciążenia nie obsługuje żądań WebSocket.

Skonfigurowałem system równoważenia obciążenia aplikacji i podłączyłem do mojej instancji serwera. Teraz działa poprawnie.

Mój kod był poprawny.

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

MORE COOL STUFF

Jana Duggar: Wszystko, co powiedziała o miłości i jej 5-letnie okno na znalezienie „jednego”

Jana Duggar otwarcie mówiła o swoich poszukiwaniach miłości. Oto wszystko, co powiedziała na ten temat i jej pięcioletnie okno na małżeństwo.

2023-06-12.

Sam Heughan dokładnie wie, co weźmie z zestawu „Outlander” - „Czuję się, jakbym był Jamiem, kiedy je zakładam”

Gwiazda „Outlandera”, Sam Heughan, niedawno ujawnił, co zabierze z planu, aby upamiętnić Jamiego Frasera, rolę, która uczyniła go gwiazdą.

2023-06-12.

Piosenka wczesnych Beatlesów, która była jednym z „najbardziej ekscytujących występów” zespołu, według Insidera Fab Four

„She Loves You” została napisana w godzinę, nagrana w jeden dzień i była piosenką The Beatles z jednym z ich najlepszych wykonań w karierze.

2023-06-11.

Dolly Parton pomogła swojej „inwalidzkiej” babci, gdy żadne inne wnuki by tego nie zrobiły - ona też zrobiła jej psikusa

Dolly Parton i jej babcia Bessie miały szczególny związek. Babcia Parton była bardzo chora, ale to nie powstrzymało Dolly przed zrobieniem jej psikusa.

2023-06-11.

10 najstraszniejszych stworzeń morskich kryjących się w głębinach oceanu

Ocean jest pełen piękna, ale kryje też jedne z najstraszniejszych stworzeń morskich na świecie. Wiele z nich czai się głęboko pod powierzchnią oceanu, w mrocznym, podciśnieniowym świecie głębin morskich.

2025-10-29.

10 najlepszych zaklęć miecza w grze Minecraft

Jeśli walczysz z wrogimi mobami lub przygotowujesz się do scenariuszy PvP, znajomość najlepszych zaklęć miecza w Minecrafcie może dać ci znaczną przewagę. Zaklinanie mieczy pozwala zadawać większe obrażenia, zwiększać liczbę przedmiotów wypadających z potworów i wydłużać trwałość miecza.

2025-10-29.

13 krajów socjalistycznych, które wyglądają zupełnie inaczej

Kiedy ludzie mówią o krajach socjalistycznych, często wyobrażają sobie pełną kontrolę rządu i brak własności prywatnej. Jednak w praktyce gospodarki socjalistyczne są bardzo zróżnicowane.

2025-10-29.

Podsumowanie Niedźwiedzia: Czy Marcus jest najmilszym, najłagodniejszym i najszczerszym mężczyzną w Chicago?

W „Children” pojawia się epizod ze znanym nazwiskiem i kilka druzgocących wiadomości

2024-07-03 19:12.

Czy za 9800 dolarów „zapakowałbyś ich” do tej siedmiomiejscowej Toyoty RAV4 z 2008 roku?

Uważa się, że ten RAV4 jest w doskonałym stanie i jest przygotowany do gry w muzyczne krzesła.

2024-07-03 19:04.

Furgonetka dostawcza Amazon zapala się w wyniku ognistej eksplozji podczas letnich upałów w Houston

Na nagraniu z drona uchwycono strażaków, którzy najwyraźniej walczyli o ugaszenie pożaru.

2024-07-03 19:04.

Marvel's Black Panther Show będzie najważniejszym serialem animowanym w historii

Eyes of Wakanda jest bezpośrednio powiązany z MCU, a także aktualizacje X-Men '97, What If..., Daredevil i nie tylko.

2024-07-03 19:03.

Aktorzy serialu Laguna Beach: Gdzie są teraz?

„Laguna Beach” opowiadało o życiu licealistów Lauren Conrad, Kristin Cavallari, Stephena Collettiego i innych w połowie lat 2000. Oto, gdzie obecnie znajdują się członkowie obsady reality show MTV.

2024-07-15.

Historia randek Avy Gardner: spojrzenie wstecz na małżeństwa i romanse ikony Hollywood

Ava Gardner była żoną Mickeya Rooneya i Franka Sintry, a także spotykała się z kilkoma innymi gwiazdami Hollywood. Oto spojrzenie wstecz na historię randek Avy Gardner.

2024-06-23.

Posiadłość Kim Zolciak-Biermann i Kroy Biermann List w Gruzji na sprzedaż w Splicie

Gwiazda „Prawdziwych gospodyń domowych z Atlanty” i jej były mąż, zawodowy zawodnik NFL, po raz pierwszy kupili rozległą rezydencję Alpharetta w 2012 roku.

2023-10-17.

3 sprawdzone sposoby na poprawę umiejętności pisania

Korzyści płynące z pisania i strategie, które Ci w tym pomogą

W 2022 roku, wraz z wydaniem GPT-3, umiejętność pisania wydaje się tracić na znaczeniu. Dzięki sztucznej inteligencji osoby o słabym pisaniu mogą również generować wysokiej jakości personel.

Powolna erozja: ujawnianie sposobów, w jakie ludzie marnują swoje kariery

W dzisiejszym dynamicznym i konkurencyjnym świecie kariera odgrywa znaczącą rolę w rozwoju osobistym, stabilności finansowej i ogólnej satysfakcji z życia. Jednak wiele osób wpada w nieustający cykl stagnacji i niezadowolenia, stopniowo marnując swoje życie zawodowe.

Co wpływa na podcast?

W zeszłym tygodniu zauważyłem komunikat prasowy, wysłany za pośrednictwem PressGazette (brytyjski serwis informacyjny). W artykule ogłoszono, że Acast, skandynawska firma hostingowa i reklamowa podcastów, będzie przewodzić konsorcjum „prawdopodobnie najbardziej wpływowych” wydawców podcastów.

Language

Japanese

Spanish

German

French

Thai

Portuguese

Russian

Vietnamese

Italian

Korean

Turkish

Indonesian

Polish

Hindi

Subskrypcje Apollo GraphQL nie działają w Vuejs

1 answers

Related questions

MORE COOL STUFF

Jana Duggar: Wszystko, co powiedziała o miłości i jej 5-letnie okno na znalezienie „jednego”

Sam Heughan dokładnie wie, co weźmie z zestawu „Outlander” - „Czuję się, jakbym był Jamiem, kiedy je zakładam”

Piosenka wczesnych Beatlesów, która była jednym z „najbardziej ekscytujących występów” zespołu, według Insidera Fab Four

Dolly Parton pomogła swojej „inwalidzkiej” babci, gdy żadne inne wnuki by tego nie zrobiły - ona też zrobiła jej psikusa

Jakie jest najtwardsze drewno na świecie?

10 najstraszniejszych stworzeń morskich kryjących się w głębinach oceanu

10 najlepszych zaklęć miecza w grze Minecraft

13 krajów socjalistycznych, które wyglądają zupełnie inaczej

Podsumowanie Niedźwiedzia: Czy Marcus jest najmilszym, najłagodniejszym i najszczerszym mężczyzną w Chicago?

Czy za 9800 dolarów „zapakowałbyś ich” do tej siedmiomiejscowej Toyoty RAV4 z 2008 roku?

Furgonetka dostawcza Amazon zapala się w wyniku ognistej eksplozji podczas letnich upałów w Houston

Marvel's Black Panther Show będzie najważniejszym serialem animowanym w historii

Aktorzy serialu Laguna Beach: Gdzie są teraz?

Historia randek Avy Gardner: spojrzenie wstecz na małżeństwa i romanse ikony Hollywood

Kim jest żona Johna Cleese'a? Wszystko o Jennifer Wade

Posiadłość Kim Zolciak-Biermann i Kroy Biermann List w Gruzji na sprzedaż w Splicie

zaimki są bardzo przerażające

3 sprawdzone sposoby na poprawę umiejętności pisania

Korzyści płynące z pisania i strategie, które Ci w tym pomogą

Powolna erozja: ujawnianie sposobów, w jakie ludzie marnują swoje kariery

Co wpływa na podcast?

Language