.NET桌面程序混合开发之一:Winform+H5,WebView2概览

.NET桌面程序混合开发之一:Winform+H5,WebView2概览

1. 基于Microsoft Edge的WebView2介绍

Microsoft Edge WebView2控件可以将web技术(HTML,css,javascript)应用于原生程序中。WebView2用Microsoft Edge作为引擎来渲染展示在原生程序中的网页内容。有了WebView2,就可以在原生程序的多个不同界面嵌入web内容,也可以构建基于单页面的原生程序。如下图所示:
原生H5混合开发桌面示意
如何构建WebView2的应用,点此查看。

2. 混合应用实践

开发人员经常被如何选择原生还是web类型的程序而困扰。而这需要在程序访问资源‘广度(reach)’和‘深度(power)’两者间做取舍。

  • Web应用允许比较广泛的访问资源。作为一个Web开发者,多数的代码是可以跨平台的。
  • 要访问本地资源,则需要用到原生应用。
    reach vs power?
    混合应用可以融合二者所长:丰富和强大的网络资源+本地资源的深度访问能力。

3. WebView2的能力

  • Web的丰富生态与技术栈。利用整个Web生态的框架、程序库、工具、和广大的从业人才。
  • 快速迭代。Web开发可以快速部署与版本迭代。
  • 兼容性好。Win7,8,10上都有一致的用户体验。
  • 本地访问能力。可以访问整个原生体系的API。
  • 代码复用。Web基础代码可以多平台复用。
  • 微软支持。微软提供技术支持并持续添加新特性。
  • 滚动更新发布。可以利用Chromium内核的平台更新与安全补丁更新机制。
  • 锁定版本发布。也可以在应用中打包指定版本号的Chromium内核版本。
  • 丰富的可选插件。添加插件到你的应用中。

4. 开始

想要构建和测试基于WebView2的应用,首先得安装WebView2 SDK。Visual Studio 2019中自带,如果没有,可以在Packge Manager控制台(View-Other Windows-Package Manager Console)执行如下代码:

PM> Install-Package Microsoft.Web.WebView2 -Version 1.0.1054.31

WebView2示例包括WebView2的特性和API的使用方法示例。随着更多的特性被加入,这个仓的示例也会随着更新。

5. 支持平台

通用或预览版本的WebView2,在以下开发环境中可以支持:

  • Win32 C/C++ (GA)
  • NET Framework 4.5 or later
  • NET Core 3.1 or later
  • NET 5
  • NET 6
  • WinUI 2.0 (Preview)
  • WinUI 3.0
    WebView2的应用可以运行在以下Winows平台:
  • Windows 11
  • Windows 10
  • Windows 10 IoT Enterprise LTSC x32 2019
  • Windows 10 IoT Enterprise LTSC x64 2019
  • Windows 10 IoT Enterprise 21h1 x64
  • Windows 8.1
  • Windows 7 **
  • Windows Server 2019
  • Windows Server 2016
  • Windows Server 2012
  • Windows Server 2012 R2
  • Windows Server 2008 R2 **

推荐这些技术文章:

.NET桌面程序混合开发之一:Winform+H5,WebView2概览

1. 基于Microsoft Edge的WebView2介绍
Microsoft Edge WebView2控件可以将web技术(HTML,css,javascript)应用于原生程序中。WebView2用Microsoft Edge作为引擎来渲染展示在原生程序中的网页内容。有了WebView2,就可以在原生程序的多个不同界面嵌入web内容,也可以构建基于单页面的原生程序。如下图...

.NET桌面程序混合开发之二:在原生WinFrom程序中使用WebView2

本文将介绍如何在WinForms中嵌入WebView2,并讲到WebView2的主要特征。点击了解更多WebView2的API。

1. 准备

Visual Studio 2017 及以上版本
WebView2运行时,或者安装Beta,Dev,Canary任一版本的 Microsoft Edge 预览版。受支持的操作系统有:Windows 11\10\8.1\7
推荐...

.NET桌面程序混合开发之二:在原生WinFrom程序中使用WebView2

.NET桌面程序混合开发之二:在原生WinFrom程序中使用WebView2C#.netWinformHybrid本文将介绍如何在WinForms中嵌入WebView2,并讲到WebView2的主要特征。点击了解更多WebView2的API。 1. 准备 Visual Studio 2017 及以上版本 WebView2运行时,或者安装Beta,Dev,Canary任一版本的 M...

windows美化桌面

给大家看看效果图

 
 
接下来制作滋贴
1.首先点击win键在最近添加里往下滑找到Microsoft Store
2.在Microsoft Store 搜索 title genle

 
 
3.安装好title genle打开

 
4.说明:
add images: 导入图片
Pin Tiles: 固定磁贴到开始屏幕
...

Windows——Docker拉取Windows Server镜像

前言
microsoft-windows-server: https://hub.docker.com/_/microsoft-windows-server
内容
报错
manifest unknown: manifest tagged by "latest" is not found
[root@VM-0-11-centos ~]# docker pull mcr.microsoft.com/...

乘风破浪,遇见最美Windows 11之现代Windows桌面应用开发 - Microsoft Edge WebView2运行时

前言

对现代化Windows桌面应用而言,越来越多的应用程序采用Hybrid混合架构,即原生客户端技术+Web网页技术嵌入的混合模式提供应用服务,这样既有原生技术先天的端能力优势,又有来自Web技术的快速开发、灵活部署的优势。

目前主流的方案肯定是"基于嵌入式Chromium框架(简称CEF)"解决方案,但是带来的问题就是程序安装包体积巨大,因为它必须要把整个Chromium内核完整的打包...

.NET桌面程序应用WebView2组件集成网页开发3 WebView2的进程模型

系列目录     【已更新最新开发文章,点击查看详细】
  WebView2 运行时使用与 Microsoft Edge 浏览器相同的进程模型。
WebView2 运行时中的进程
  WebView2 进程组是 WebView2 运行时进程的集合。 WebView2 进程组包括以下内容:

单个浏览器进程。
一个或多个渲染器(呈现器)进程。
其他帮助程序进...

.NET桌面程序应用WebView2组件集成网页开发4 WebView2的线程模型

系列目录     【已更新最新开发文章,点击查看详细】
  WebView2控件基于组件对象模型(COM),必须在单线程单元(STA)线程上运行。
线程安全

WebView2必须在使用消息泵的UI线程上创建。所有回调都发生在该线程上,对WebView2的请求必须在该线程上完成。从另一个线程使用WebView2是不安全的。
唯一的例外是CoreWebVie...

.NET桌面程序应用WebView2组件集成网页开发2 WebView2与Edge浏览器的区别

系列目录     【已更新最新开发文章,点击查看详细】
  WebView2 基于Microsoft Edge浏览器。 开发者可以将功能从浏览器扩展到基于 WebView2 的应用。 由于 WebView2 不限于类似浏览器的应用,因此需要修改或删除一些浏览器功能。

在 WebView2 的上下文中,浏览器功能遵循以下设计准则:

WebView2 ...

文章标题:.NET桌面程序混合开发之一:Winform+H5,WebView2概览
文章链接:https://www.dianjilingqu.com/1619.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>