Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Exemplo pós-robô de comunicação por janela de navegador
Vista: 3630|Resposta: 1

[Outros] Exemplo pós-robô de comunicação por janela de navegador

[Copiar link]
Publicado em 18/02/2023 21:24:06 | | | |
Requisitos: Já testada anteriormente comunicação direta entre janelas do navegador usando PostMessage, hoje usamos uma biblioteca de terceiros, a Post-Robot, para comunicação entre janelas entre domínios.

O JS determina se a página atual é um iframe ou uma janela popup
https://www.itsvse.com/thread-10342-1-1.html

Comunicação entre janelas em HTML5 PostMessage
https://www.itsvse.com/thread-10343-1-1.html

O post-robot é, na verdade, uma encapsulação adicional do método de comunicação PostMessage, com as seguintes funcionalidades (enviando uma mensagem para outra janela):

  • Receba uma resposta da janela para a qual você enviou a mensagem
  • Passar uma função para outra janela entre diferentes domínios
  • Trate de quaisquer erros que impeça a passagem das suas mensagens
  • Não se preocupe em serializar suas mensagens; Envie apenas objetos JavaScript
  • Use promessas ou async/await para esperar a resposta da janela para a qual você enviou a mensagem
  • Estabeleça um canal de mensagens seguro entre duas janelas em um domínio
  • Envie uma mensagem entre a janela pai e a janela pop-up no IE


Endereço do NPM:O login do hiperlink está visível.
Endereço do código do GitHub:O login do hiperlink está visível.

Primeiro, vamos analisar as renderizações da seguinte forma:



A janela pai abre uma janela filha, depois envia uma mensagem para a janela filha, e pode receber uma resposta da janela filha; claro, a janela filha também pode receber uma resposta enviando uma mensagem para a janela pai.Padrão de resposta a requisição semelhante a HTTP。

O código da janela pai é o seguinte:

O código da subjanela é o seguinte:

(Fim)





Anterior:Angular-cli cria uma versão especificada do projeto Angular
Próximo:Baixe grandes projetos usando código-fonte clone Git shallow

Posts Relacionados
Publicado em 19/02/2023 20:50:34 |
oláooo.
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com