Wykrywanie zmiany danych w subscribe, gdy mamy wielu użytkowników

Wykrywanie zmiany danych w subscribe, gdy mamy wielu użytkowników

Wątek przeniesiony 2024-06-03 09:27 z JavaScript przez Riddle.

Ktos1
K1
Ktos1
K1
  • Rejestracja:prawie 5 lat
  • Ostatnio:7 dni
  • Postów:46
0

Witam, mam fullstackową aplikację ( Java + Angular) i ona tworzy sobie obiekty ( oraz inne CRUDy ), dajmy na to superbohaterów. Jest tu też baza danych. I moje pytanie: subscribe z superbohaterami wykrywa zmiany dopiero, gdy bieżący użytkownik coś zmieni. I wtedy prawidłowo wykryje też zmiany od innych użytkowników(jeśli są). Natomiast gdy bieżący użytkownik nie robi zmian, a inni użytkownicy robią, to ten subscribe nie wykrywa nic. Pytanie jak osiągnąć stan, że np. mamy dwóch użytkowników równolegle robiących zmiany i żeby każdy widział zmiany i swoje i od innych od razu?
Próbowałem z

Kopiuj
this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {this.router.navigate(['anti-heroes']);});

I wykrywa wszystko, gdy włożę to w setInterval częsty, ale wtedy odzywa się ten subscribe wspomniany i co każdy interwał podwaja się liczba wejść do tego subscribe nawet gdy nic się nie robi. Więc albo mi podpowiecie co tu poprawić? Bo nie wiem dlaczego to po prostu nie działa? Albo proszę o radę jak to poprawnie wykrywać?

PS. Mam nadzieję, że dobre miejsce forum wybrałem.

edytowany 1x, ostatnio: Ktos1
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
obscurity
obscurity
obscurity
obscurity
  • Rejestracja:około 6 lat
  • Ostatnio:dzień
0

a czy ten subscribe jest z nami teraz w pokoju?

Ktos1 napisał(a):

I wykrywa wszystko, gdy włożę to w setInterval częsty, ale wtedy odzywa się ten subscribe wspomniany i co każdy interwał podwaja się liczba wejść do tego subscribe nawet gdy nic się nie robi.

nic z tego nie rozumiem, ale jak używasz subscribe to powinieneś też używać unsubscribe gdzieś. Najlepiej w onDestroy

"A car won't take your job, another horse driving a car will." - Horse influencer, 1910
edytowany 1x, ostatnio: obscurity
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Ktos1
K1
Ktos1
K1
  • Rejestracja:prawie 5 lat
  • Ostatnio:7 dni
  • Postów:46
0
obscurity napisał(a):

a czy ten subscribe jest z nami teraz w pokoju?

Ktos1 napisał(a):

I wykrywa wszystko, gdy włożę to w setInterval częsty, ale wtedy odzywa się ten subscribe wspomniany i co każdy interwał podwaja się liczba wejść do tego subscribe nawet gdy nic się nie robi.

nic z tego nie rozumiem, ale jak używasz subscribe to powinieneś też używać unsubscribe gdzieś. Najlepiej w onDestroy

Spróbuję opisać bardziej zrozumiale.
W pliku mam:

Kopiuj
ngOnInit() {
    this.assignAntiHeroes();
    setInterval(() =>{
                this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {this.router.navigate(['anti-heroes']);});
            }
        },5000);
}

oraz:

Kopiuj
assignAntiHeroes() {
      this.subscription= this.antiHeroes$.subscribe((data:ReadonlyArray<AntiHero>) =>{
      this.antiHeroes = data;;
      console.log("Changes1");
    });

  }

oraz:

Kopiuj
ngOnDestroy() {
        this.subscription.unsubscribe();
 }

I to działa tak, że co 5 sekund odświeża mi z antiHeroes komponent, ale nie całą stronę, czyli tak jak chciałem ( wykrywa wszystkie zmiany, innych użytkowników też). Niestety przy każdym odświeżaniu przez zawartość interval podwaja się liczba wywołań console.log("Changes1") czyli zawartości subscribe(tak to sobie testuję). Np. kolejne ilości wywołań tego console.log("Changes1") co kolejny interwał: 1,2,4,8,16 itp. zamiast zawsze tylko 1(w sytuacji gdy nic nie zmieniam przy antiHeroes). I właśnie używam unsubscribe, a i tak jest ten problem. Zauważyłem, że to "podwajanie" jest na skutek tego kodu i max po kilkudziesięciu sekundach trzeba wyłączać program:

Kopiuj
this.router.navigateByUrl('/', {skipLocationChange: true}).then(() => {this.router.navigate(['anti-heroes']);});

Czyli na jedno on pomaga a na drugie szkodzi. Ponawiam pytanie, jak wykrywać zmiany u wszystkich użytkowników naraz na żywo jakąś inną metodą, albo co w tym moim kodzie mógłbym poprawić, żeby tak działało.

Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
rjakubowski
RJ
rjakubowski
RJ
  • Rejestracja:ponad 2 lata
  • Ostatnio:18 minut
  • Postów:430
0

Ale czemu tak dziwnie reloadujesz stan? To po to masz przecież typ Observable, żeby dzięki niemu poprzez strumień pozyskiwać dane.

Jeśli taki Observable dostanie nowe dane to z automatu jak masz subscribe to powinno tam polecieć.

Już nie mówiąc o tym, że takie manualne subscribe wewnątrz komponentu to tak średnio trochę i lepiej byłoby wykorzystać async pipe.

K1
Właśnie ten subscribe wykrywa tylko zmiany bieżącego użytkownika, a gdy drugi użytkownik coś zmieni, a pierwszy nic, to nie wykrywa, dopiero gdy bieżący użytkownik coś zmieni, to wykrywa też zmiany od innych użytkowników.
RJ
Zupełnie nie rozumiem o co Ci chodzi 😂 jak chcesz trackowac wielu userow i ich akcje to po stronie serwera i websocketem.
K1
Ok, dzięki za info, już sobie poradziłem
Udostępnij
Kopiuj link do postu Kopiuj link do postu jako Markdown
Komentuj
Treść
Podgląd
Kliknij, aby dodać treść...
Kliknij, aby dodać załącznik lub wklej ze schowka.
Instrukcja obsługi Markdown
Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)