webview2 监控js消息

龙凤祥

[JavaScript] 纯文本查看 复制代码

watch: {
    haveNewMessage(newVal) {
        try {
            // 解析新值为整数，如果解析结果为 NaN，则默认为 0
            const intValue = parseInt(newVal, 10) || 0;

            console.log("haveNewMessage changed: ", intValue);

            // 创建消息对象并转换为 JSON 字符串
            const message = JSON.stringify({
                type: 'unread_num',
                data: intValue,
            });

            // 发送消息到 WebView2
            window.chrome.webview.postMessage(message);
            console.log("Sent message:", message);
        } catch (e) {
            console.error("Error sending message to WebView2: ", e);
        }
    }
},

这个是我发消息代码 用的webview2   要怎么实时监控这个消息呢

五花牛

订阅消息后
webView2.CoreWebView2.WebMessageReceived += args =>  
{  
    string message = args.TryGetWebMessageAsString();  
    if (message != null)  
    {  
        // 处理消息  
        dynamic obj = JsonConvert.DeserializeObject(message); // 使用 Newtonsoft.Json 或 System.Text.Json  
        string type = obj.type;  
        int data = obj.data;  
  
        Console.WriteLine($"Received message: Type={type}, Data={data}");  
  
        // 根据消息类型和数据执行相应操作  
    }  
};

龙凤祥

五花牛 发表于 2024-9-16 10:55
订阅消息后
webView2.CoreWebView2.WebMessageReceived += args =>  
{  

易语言咋写哦

8881020

web都用上了在上一个HTTP服务器不就完事了吗？用post投递不行吗？噜阿噜的参数都是用HTTP服务器投递的QQ也是

a121400

1. 在 WebView2 中设置监听器 首先，确保你在 WebView2 的 JavaScript 环境中有一个监听器来接收来自 WebView2 的消息。这个监听器会处理消息并执行相应的操作。以下是一个基本的监听器示例：  javascript // 监听来自 WebView2 的消息 window.addEventListener('message', function(event) {     // 确保消息来自信任的来源     if (event.origin !== 'your-trusted-origin') {         console.warn('Received message from untrusted origin:', event.origin);         return;     }      try {         // 解析消息数据         const message = JSON.parse(event.data);                  // 处理消息类型和数据         if (message.type === 'unread_num') {             console.log('Received unread number:', message.data);             // 在这里执行你希望对 unread_num 消息的处理操作         }     } catch (e) {         console.error('Error parsing message:', e);     } }, false); 2. 在你的应用程序中配置 WebView2 确保你已经在你的应用程序中正确设置了 WebView2，并能够接收和处理消息。如果你在应用程序的 JavaScript 代码中配置了 window.chrome.webview.postMessage，你也需要配置相应的 WebMessageReceived 事件处理程序来接收这些消息。  3. 配置 WebView2 的消息接收 在你的 WebView2 控件中，你需要设置一个事件处理程序来处理消息。这个操作取决于你使用的编程语言和框架。以下是一个 C# 示例，展示了如何在 WinForms 应用程序中设置 WebView2 消息接收：  csharp using Microsoft.Web.WebView2.Core;  // 假设 webView 是你的 WebView2 控件 webView.CoreWebView2.WebMessageReceived += CoreWebView2_WebMessageReceived;  private void CoreWebView2_WebMessageReceived(object sender, CoreWebView2WebMessageReceivedEventArgs e) {     try     {         // 处理接收到的消息         string message = e.WebMessageAsJson;         var messageData = Newtonsoft.Json.Linq.JObject.Parse(message);          if (messageData["type"].ToString() == "unread_num")         {             int unreadNum = messageData["data"].ToObject<int>();             Console.WriteLine($"Received unread number: {unreadNum}");             // 在这里执行你希望对 unread_num 消息的处理操作         }     }     catch (Exception ex)     {         Console.WriteLine("Error processing received message: " + ex.Message);     } } 4. 测试和验证 调试：确保你的 JavaScript 监听器和 WebView2 消息接收逻辑能够正常工作。你可以在浏览器的开发者工具中检查控制台输出，确保消息能够被正确接收和处理。 日志：使用 console.log 或类似的日志记录工具来确认消息的发送和接收状态。这有助于调试任何可能出现的问题。 确保在你的应用程序中配置正确的源检查机制（例如，验证 event.origin），以提高安全性并防止来自不可信源的消息。

雨落无声

看你用的哪个模块了！去封装的浏览器事件里找webMessage！

这是我前段时间利用这个接口发的一个例子：https://bbs.125.la/forum.php?mod ... 14829018&extra=