απαιτήσεις: Πώς μπορεί το WebView2 να αποδώσει και να εμφανίσει πόρους web για ενέργειες χρήστη, πώς μπορεί η διεπαφή web να επικοινωνήσει με την εφαρμογή WinForm; Για παράδειγμα, ο ιστός διαβάζει πληροφορίες υλικού μέσω της εφαρμογής και η εφαρμογή ανανεώνει ενεργά το περιεχόμενο της ιστοσελίδας.
Αναθεώρηση:
Αρχικά, κοιτάξτε τις αποδόσεις της επικοινωνίας μεταξύ του ιστού και της εφαρμογής WinForm, ο ιστός στέλνει ένα μήνυμα στην εφαρμογή,Καλέστε τη λειτουργία Αριθμομηχανή που ανοίγει το σύστημα των WindowsΤαυτόχρονα, η εφαρμογή μπορεί επίσης να λαμβάνει με επιτυχία μηνύματα που αποστέλλονται στην πλευρά του web, όπως φαίνεται στο παρακάτω σχήμα:
Επικοινωνία μεταξύ του κεντρικού υπολογιστή και του περιεχομένου ιστού
Οι κεντρικοί υπολογιστές και το περιεχόμενο ιστού μπορούν να χρησιμοποιηθούν για την επικοινωνία μεταξύ τους στο postMessages, ως εξής:
- Το περιεχόμενο ιστού στο στοιχείο ελέγχου WebView2 μπορεί να χρησιμοποιηθεί για τη δημοσίευση ενός μηνύματος στον κεντρικό υπολογιστή στο window.chrome.webview.postMessage. Το κεντρικό σύστημα επεξεργάζεται το μήνυμα με οποιοδήποτε μήνυμα που καταχωρεί το WebMessageReceived στο κεντρικό σύστημα.
- Το κεντρικό σύστημα δημοσιεύει μηνύματα στο περιεχόμενο Web στο στοιχείο ελέγχου WebView2 CoreWebView2.PostWebMessageAsString χρησιμοποιώντας ή CoreWebView2.PostWebMessageAsJSON. Αυτά τα μηνύματα καταγράφονται από το πρόγραμμα χειρισμού που προστίθεται στο window.chrome.webview.addEventListener.
Δημιουργήστε ένα νέο έργο Angular SPA
Αυτό το άρθρο χρησιμοποιεί το Angular 8.2.14 για να δημιουργήσει ένα νέο έργο web για να επιδείξει την επικοινωνία μεταξύ του web και της εφαρμογής WinForm.
Ο κωδικός έχει ως εξής:
Ταυτόχρονα, τροποποιήστε τα αρχεία app.component.html και app.component.ts για να πραγματοποιήσετε τις λειτουργίες αποστολής και λήψης μηνυμάτων.
app.component.html κώδικας έχει ως εξής:
app.component.ts κωδικός έχει ως εξής:
Εκτελέστε το έργο όπως φαίνεται παρακάτω:
Εφαρμογή WinForm
Η εφαρμογή κεντρικού συστήματος πρέπει να τροποποιήσει τον κώδικα ως εξής:
Τροποποίηση του στοιχείου ελέγχου WebView2source είναι: http://localhost:4200/για να εκκινήσετε την εφαρμογή, όπως φαίνεται παρακάτω:
Τέλος, δοκιμάστε να στείλετε μηνύματα μεταξύ τους με τις εφαρμογές Web και WinForm και μπορείτε να δείτε ότι και τα δύο μέρη μπορούν να λάβουν με επιτυχία τα μηνύματα, όπως φαίνεται στην παρακάτω εικόνα:
(Τέλος)
|