网站建设与设计意义,国际英文网站,浦东新区,旅游网站建设问题对于在线客服与营销系统#xff0c;客服端指的是后台提供服务的客服或营销人员#xff0c;他们使用客服程序在后台观察网站的被访情况#xff0c;开展营销活动或提供客户服务。在本篇文章中#xff0c;我将详细介绍如何通过 WPF Chrome 内核的方式实现复合客服端应用程序。…对于在线客服与营销系统客服端指的是后台提供服务的客服或营销人员他们使用客服程序在后台观察网站的被访情况开展营销活动或提供客户服务。在本篇文章中我将详细介绍如何通过 WPF Chrome 内核的方式实现复合客服端应用程序。
先看实现效果
客服程序界面中的 聊天记录部分、文字输入框部分 使用的是基于 Chrome 内核的 WebView2 进行呈现的。
客服端 访客端 视频实拍演示升讯威在线客服系统在网络中断直接禁用网卡拔掉网线的情况下也不丢消息不出异常。
https://blog.shengxunwei.com/Home/Post/fe432a51-337c-4558-b9e8-347b58cbcd53 要实现这样的效果只需三个步骤
嵌入组件响应事件调用 JavaScript 函数
1. 嵌入组件
首先使用 NuGet 将 WebView2 SDK 添加到项目中然后将 WebView 添加窗口界面。
Window x:ClassWPF_Getting_Started.MainWindowxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006xmlns:localclr-namespace:{YOUR PROJECT NAME}xmlns:wv2clr-namespace:Microsoft.Web.WebView2.Wpf;assemblyMicrosoft.Web.WebView2.Wpfmc:IgnorabledTitleMainWindowHeight450Width800
GridDockPanelwv2:WebView2 NamewebViewSourcehttps://www.microsoft.com//DockPanel/Grid
/Window2. 响应事件
在网页导航期间WebView2 控件将引发事件。 承载 WebView2 控件的应用侦听以下事件。
NavigationStartingSourceChangedContentLoadingHistoryChangedNavigationCompleted 例修改构造函数以匹配以下代码段并添加 EnsureHttps 函数。 public MainWindow()
{InitializeComponent();webView.NavigationStarting EnsureHttps;
}void EnsureHttps(object sender, CoreWebView2NavigationStartingEventArgs args)
{String uri args.Uri;if (!uri.StartsWith(https://)){args.Cancel true;}
}
3. 调用 JavaScript 函数
可以在运行时使用主机应用将 JavaScript 代码注入控件。 可以运行任意 JavaScript 或添加初始化脚本。 在删除 JavaScript 之前注入的 JavaScript 适用于所有新的顶级文档和任何子框架。
例如添加在用户导航到非 HTTPS 网站时发送警报的脚本。 修改 EnsureHttps 函数以将脚本注入到使用 ExecuteScriptAsync 方法的 Web 内容中。 void EnsureHttps(object sender, CoreWebView2NavigationStartingEventArgs args)
{String uri args.Uri;if (!uri.StartsWith(https://)){webView.CoreWebView2.ExecuteScriptAsync($alert({uri} is not safe, try an https link));args.Cancel true;}
}
完成
只需要以上简单三个步骤嵌入组件、响应事件、调用 JavaScript 函数。就可以完成 WPF Chrome 内核 的复合式应用程序
