Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Programmering › .Net/C # › 【WebView2】(3) Toveis kommunikasjon mellom web- og WinForm-applikasjoner ...
Utsikt: 6696|Svare: 5

[Kilde] WebView2 (3) Toveis kommunikasjon mellom Web- og WinForm-applikasjoner

[Kopier lenke]
Publisert på 27.09.2022 22:12:31 | | | |
Krav: Hvordan kan WebView2 gjengi og vise webressurser for brukerhandlinger, hvordan kan webgrensesnittet kommunisere med WinForm-applikasjonen? For eksempel leser nettet maskinvareinformasjon gjennom applikasjonen, og applikasjonen oppdaterer aktivt innholdet på nettsiden.

Anmeldelse:

[WebView2] (1) Innledende introduksjon til Microsoft Edge WebView2-teknologi
https://www.itsvse.com/thread-10361-1-1.html

[WebView2] (2) WinForm introduserer WebView2 for å vise webinnhold
https://www.itsvse.com/thread-10362-1-1.html
Først, se på gjengivelsene av kommunikasjonen mellom nettet og WinForm-applikasjonen, nettet sender en melding til applikasjonen,Start kalkulatorfunksjonen som åpner Windows-systemetSamtidig kan applikasjonen også motta meldinger sendt til nettsiden, som vist i figuren nedenfor:



Kommunikasjon mellom verten og webinnholdet

Verter og nettinnhold kan brukes til å kommunisere med hverandre i postMessages, som følger:

  • Webinnhold i WebView2-kontrollen kan brukes til å publisere en melding til verten i window.chrome.webview.postMessage. Verten behandler meldingen med enhver melding som registrerer WebMessageReceived på verten.
  • Verten publiserer meldinger til webinnholdet i WebView2-kontrollen CoreWebView2.PostWebMessageAsString ved bruk av CoreWebView2.PostWebMessageAsJSON. Disse meldingene fanges opp av håndtereren som legges til window.chrome.webview.addEventListener.


Opprett et nytt Angular SPA-prosjekt

Denne artikkelen bruker Angular 8.2.14 for å lage et nytt webprosjekt for å demonstrere kommunikasjonen mellom nettet og WinForm-applikasjonen.

Koden er som følger:

Samtidig modifiseres app.component.html- og app.component.ts-filene for å realisere funksjonene til å sende og motta meldinger.

app.component.html koden er som følger:

app.component.ts koden er som følger:

Kjør prosjektet som vist nedenfor:



WinForm-applikasjon

Vertsapplikasjonen må endre koden som følger:

Endre WebView2-kontrollenKildeattributt er: http://localhost:4200/For å starte applikasjonen, som vist nedenfor:



Til slutt, prøv å sende meldinger til hverandre med Web- og WinForm-applikasjonene, og du kan se at begge parter kan motta meldingene, som vist i følgende figur:



(Slutt)





Foregående:【Ytelsesoptimalisering】Preconnect, DNS-Prefetch og Preload-funksjoner på front-end
Neste:[WebView2] (4) Web- og WinForm-kallefunksjonsmetoder til hverandre

Relaterte innlegg
Publisert på 28.09.2022 08:55:45 |
Den må stole på EDG som en hodepine
 Vert| Publisert på 28.09.2022 19:26:50 |
Zmoli775 Publisert 28.09.2022 08:55
Den må stole på EDG som en hodepine

Nei, men du må installere webview2-runtime
Publisert på 08.10.2022 15:06:24 |
Lær å lære
Publisert på 31.03.2023 13:32:46 |
Win7 ser ikke ut til å fungere, jeg leste Microsofts dokumentasjon at det ikke støtter det?
 Vert| Publisert på 07.01.2025 13:29:35 |
i samme prosess. NET og JavaScript.

Innloggingen med hyperkoblingen er synlig.
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com