WebView2 (3) Tvåvägskommunikation mellan webben och WinForm-applikationerna

Lilla avskum · Publicerad på 2022-09-27 22:12:31

Krav: Hur kan WebView2 rendera och visa webbresurser för användarhandlingar, hur kan webbgränssnittet kommunicera med WinForm-applikationen? Till exempel läser webben hårdvaruinformation genom applikationen, och applikationen uppdaterar aktivt innehållet på webbsidan.

Recension:

[WebView2] (1) Initial introduktion till Microsoft Edge WebView2-teknologin
https://www.itsvse.com/thread-10361-1-1.html

[WebView2] (2) WinForm introducerar WebView2 för att visa webbinnehåll
https://www.itsvse.com/thread-10362-1-1.html

Titta först på renderingarna av kommunikationen mellan webben och WinForm-applikationen, webben skickar ett meddelande till applikationen,Aktivera Kalkylatorfunktionen som öppnar Windows-systemetSamtidigt kan applikationen också framgångsrikt ta emot meddelanden som skickas till webbsidan, som visas i figuren nedan:

Kommunikation mellan värden och webbinnehållet

Värdar och webbinnehåll kan användas för att kommunicera med varandra i postMessages, enligt följande:

Webbinnehåll i WebView2-kontrollen kan användas för att publicera ett meddelande till värden i window.chrome.webview.postMessage. Värden bearbetar meddelandet med alla meddelanden som registrerar WebMessageReceived på värden.
Värden publicerar meddelanden till webbinnehållet i WebView2-kontrollen CoreWebView2.PostWebMessageAsString med hjälp av eller CoreWebView2.PostWebMessageAsJSON. Dessa meddelanden fångas av hanteraren som läggs till i window.chrome.webview.addEventListener.

Skapa ett nytt Angular SPA-projekt

Den här artikeln använder Angular 8.2.14 för att skapa ett nytt webbprojekt som demonstrerar kommunikationen mellan webben och WinForm-applikationen.

Inloggningen är synlig.

Koden är följande:

Inloggningen är synlig.

Samtidigt modifiera app.component.html- och app.component.ts-filerna för att realisera funktionerna för att skicka och ta emot meddelanden.

app.component.html kod är följande:

Inloggningen är synlig.

app.component.ts kod är följande:

Inloggningen är synlig.

Kör projektet enligt nedan:

WinForm-applikation

Värdapplikationen behöver modifiera koden enligt följande:

Inloggningen är synlig.

Modifiera WebView2-kontrollenKällaattributet är: http://localhost:4200/för att starta applikationen, som visas nedan:

Slutligen, försök skicka meddelanden till varandra med Web- och WinForm-applikationerna, och du kan se att båda parter kan ta emot meddelandena framgångsrikt, som visas i följande figur:

(Slut)

Zmoli775 · Publicerad på 2022-09-28 08:55:45

Den måste förlita sig på EDG som huvudvärk

Lilla avskum · Publicerad på 2022-09-28 19:26:50

Zmoli775 Publicerad den 28 september 2022 08:55
Den måste förlita sig på EDG som huvudvärk

Nej, men du måste installera webview2-runtime

Flygande fisk · Publicerad på 2022-10-08 15:06:24

Lär dig att lära dig

Månen går ner vid jordens ände · Publicerad på 2023-03-31 13:32:46

Win7 verkar inte fungera, jag läste Microsofts dokumentation att det inte stöds?

Lilla avskum · Publicerad på 2025-01-07 13:29:35

i samma process. NET och JavaScript.

Inloggningen med hyperlänken är synlig.

[Källa] WebView2 (3) Tvåvägskommunikation mellan webben och WinForm-applikationerna

Relaterade inlägg

Avsnitt som ses