Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Post-robot voorbeeld van browservenstercommunicatie
Bekijken: 3630|Antwoord: 1

[Overig] Post-robot voorbeeld van browservenstercommunicatie

[Link kopiëren]
Geplaatst op 18-02-2023 21:24:06 | | | |
Vereisten: Eerder getest directe communicatie tussen browservensters met PostMessage, tegenwoordig gebruiken we een bibliotheek van derden, Post-Robot, voor cross-domain window-communicatie.

JS bepaalt of de huidige pagina een iframe is of een popupvenster
https://www.itsvse.com/thread-10342-1-1.html

HTML5 PostMessage cross-window communicatie
https://www.itsvse.com/thread-10343-1-1.html

De post-robot is eigenlijk een verdere inkapsling van de PostMessage-communicatiemethode, met de volgende functies (een bericht naar een ander venster sturen):

  • Krijg een antwoord vanuit het venster waar je het bericht naartoe stuurde
  • Een functie doorgeven aan een ander venster over verschillende domeinen
  • Behandel eventuele fouten die voorkomen dat je berichten worden doorgegeven
  • Maak je geen zorgen over het serialiseren van je berichten; Stuur alleen JavaScript-objecten
  • Gebruik promises of async/await to wait to the account van het venster waar je het bericht naartoe stuurt
  • Stel een beveiligd berichtkanaal op tussen twee vensters op een domein
  • Stuur een bericht tussen het oudervenster en het pop-upvenster in IE


NPM-adres:De hyperlink-login is zichtbaar.
GitHub-codeadres:De hyperlink-login is zichtbaar.

Laten we eerst naar de renderings als volgt kijken:



Het oudervenster verschijnt een kindvenster en stuurt vervolgens een bericht naar het kindvenster, en kan een antwoord krijgen vanuit het kindvenster; natuurlijk kan het kindvenster ook een antwoord krijgen door een bericht naar het oudervenster te sturen.HTTP-achtig verzoekresponspatroon。

De ouder venstercode is als volgt:

De subvenstercode is als volgt:

(Einde)





Vorig:Angular-cli creëert een gespecificeerde versie van het Angular-project
Volgend:Download grote projecten met behulp van Git shallow clone broncode

Gerelateerde berichten
Geplaatst op 19-02-2023 20:50:34 |
hallohallohallo
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com