Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Exemplu post-robot de comunicare prin ferestre de browser
Vedere: 3630|Răspunde: 1

[Altele] Exemplu post-robot de comunicare prin ferestre de browser

[Copiază linkul]
Postat pe 18.02.2023 21:24:06 | | | |
Cerințe: Anterior testată comunicarea directă între ferestre ale browserului folosind PostMessage, astăzi folosim o bibliotecă terță, Post-Robot, pentru comunicarea ferestrelor între domenii.

JS determină dacă pagina curentă este un iframe sau o fereastră pop-up
https://www.itsvse.com/thread-10342-1-1.html

Comunicare între ferestre PostMessage HTML5
https://www.itsvse.com/thread-10343-1-1.html

Post-robotul este de fapt o încapsulare suplimentară a metodei de comunicare PostMessage, cu următoarele caracteristici (trimiterea unui mesaj către o altă fereastră):

  • Primește un răspuns de la fereastra la care ai trimis mesajul
  • Transmiterea unei funcții către o altă fereastră prin domenii diferite
  • Gestionează orice erori care împiedică transmiterea mesajelor tale
  • Nu-ți face griji să-ți serializezi mesajele; Trimiteți doar obiecte JavaScript
  • Folosește promisiuni sau async/await pentru a aștepta răspunsul ferestrei la care trimiți mesajul
  • Stabilirea unui canal de mesaje securizat între două ferestre pe un domeniu
  • Trimite un mesaj între fereastra părinte și fereastra pop-up din IE


Adresa NPM:Autentificarea cu hyperlink este vizibilă.
Adresa codului GitHub:Autentificarea cu hyperlink este vizibilă.

Mai întâi, să aruncăm o privire la randări astfel:



Fereastra părinte afișează o fereastră copil, apoi trimite un mesaj către fereastra copil, și poate primi un răspuns de la fereastra copil, desigur, fereastra copil poate primi și ea un răspuns trimițând un mesaj către fereastra părinte.Model de răspuns la cereri asemănător HTTP。

Codul ferestrei părinte este următorul:

Codul subferestre este următorul:

(Sfârșit)





Precedent:Angular-cli creează o versiune specificată a proiectului Angular
Următor:Descarcă proiecte mari folosind codul sursă Git shallow clone

Postări conexe
Postat pe 19.02.2023 20:50:34 |
Saluthellohellohello
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com