Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Programozás › .Net/C # › 【WebView2】(3) Kétirányú kommunikáció Web és WinForm alkalmazások között ...
Nézet: 6696|Válasz: 5

[Forrás] WebView2 (3) Kétirányú kommunikáció a web és WinForm alkalmazások között

[Linket másol]
Közzétéve 2022. 09. 27. 22:12:31 | | | |
Követelmények: Hogyan jeleníti meg és jeleníti meg a WebView2 webes erőforrásokat a felhasználói műveletekhez, hogyan kommunikálhat a webfelület a WinForm alkalmazással? Például a web hardverinformációkat olvas az alkalmazáson keresztül, és az alkalmazás aktívan frissíti az oldal tartalmát.

Szemle:

[WebView2] (1) Első bevezetés a Microsoft Edge WebView2 technológiába
https://www.itsvse.com/thread-10361-1-1.html

[WebView2] (2) A WinForm bevezeti a WebView2-t a webtartalom megjelenítésére
https://www.itsvse.com/thread-10362-1-1.html
Először nézzük meg a web és a WinForm alkalmazás közötti kommunikáció rendereléseit, a web üzenetet küld az alkalmazásnak,Indítsd be a Számoló funkciót, amely megnyitja a Windows rendszertUgyanakkor az alkalmazás sikeresen fogadhatja a weboldalra küldött üzeneteket is, ahogy az alábbi ábrán látható:



Kommunikáció a gazda és a webtartalom között

A hostok és a webes tartalom használható a postMessages formátumban való kommunikációra az alábbiak szerint:

  • A WebView2 vezérlőben található webtartalom segítségével üzenetet lehet közzétenni a hajtóműnek a window.chrome.webview.postMessage címen. A hoszt bármely olyan üzenettel dolgozza fel az üzenetet, amely regisztrálja a WebMessageReceived-et a hoszton.
  • A hoszter a WebView2 vezérlőn keresztül jeleníti meg az üzeneteket a WebView2.PostWebMessageAsString vagy CoreWebView2.PostWebMessageAsJSON segítségével. Ezeket az üzeneteket a windows.chrome.webview.addEventListener mappába hozzáadott kezelő rögzíti.


Új Angular SPA projekt létrehozása

Ez a cikk az Angular 8.2.14 verziót használja egy új webprojekt létrehozására, amely bemutatja a web és a WinForm alkalmazás közötti kommunikációt.

A kódex a következő:

Ugyanakkor módosítsuk a app.component.html és app.component.ts fájlokat, hogy megvalósítsák az üzenetküldés és fogadás funkcióit.

app.component.html kód a következő:

app.component.ts kód a következő:

A projekt az alábbiak szerint vezess:



WinForm alkalmazás

A host-alkalmazásnak a kódot a következőképpen kell módosítania:

Módosítsd a WebView2 vezérlőtForrás attribútum: http://localhost:4200/Az alkalmazás elindításához, ahogy az alábbiakban látható:



Végül próbáld meg üzeneteket küldeni egymásnak a webes és a WinForm alkalmazásokkal, és láthatod, hogy mindkét fél sikeresen megkapja az üzeneteket, ahogy az alábbi ábrán látható:



(Vége)





Előző:【Teljesítményoptimalizálás】Preconnect, DNS-Prefetch és Preload funkciók a front-endben
Következő:[WebView2] (4) Web és WinForm függvény metódusok hívása egymásnak

Kapcsolódó bejegyzések
Közzétéve 2022. 09. 28. 8:55:45 |
Az EDG-re kell támaszkodnia fejfájásként
 Háziúr| Közzétéve 2022. 09. 28. 19:26:50 |
Zmoli775 Közzétéve: 2022-09-28, 08:55
Az EDG-re kell támaszkodnia fejfájásként

Nem, de telepítened kell a webview2 runtime-t
Közzétéve 2022. 10. 08. 15:06:24 |
Tanulj meg
Közzétéve 2023. 03. 31. 13:32:46 |
A Win7 nem működik, olvastam a Microsoft dokumentációjában, hogy nem támogatja ezt?
 Háziúr| Közzétéve 2025. 01. 07. 13:29:35 |
ugyanebben a folyamatban. NET és JavaScript.

A hiperlink bejelentkezés látható.
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com