从IE11迁移到Edge：在现代浏览器中调用.NET组件的替代方案

本文旨在解决从internet explorer 11迁移至microsoft edge时，原先通过`

背景：IE11与.NET组件的遗留集成方式

在Internet Explorer 11时代，开发者常利用HTML的<object>标签结合classid属性来直接加载和调用客户端的COM或ActiveX组件，其中包括基于.NET Framework编写的DLL。这种方式允许Web应用程序与本地系统资源进行深度交互，例如：

<object id='example' name='example' classid='Example.dll#org.exam.Sample' VIEWASTEXT></object>

上述代码片段尝试加载名为Example.dll中的org.exam.Sample类。然而，随着Web技术的发展和安全标准的提升，现代浏览器如Microsoft Edge已经放弃了对ActiveX和COM组件的原生支持。这意味着，当应用程序从IE11迁移到Edge时，这种依赖<object>标签直接调用.NET DLL的机制将不再工作。

现代解决方案：在Edge中集成.NET功能

为了在Microsoft Edge中继续利用现有的.NET逻辑或实现类似的功能，开发者需要采纳符合现代Web标准的替代方案。以下是两种主要的策略：

方案一：使用Blazor进行客户端C#代码执行

Blazor是微软推出的一个Web框架，它允许开发者使用C#和.NET构建交互式的客户端Web UI。Blazor通过WebAssembly技术，使得编译后的.NET代码可以直接在浏览器沙箱中运行，而无需插件或额外的运行时。

工作原理：

1. C#到WebAssembly： 您的C#代码（包括业务逻辑和UI组件）被编译成WebAssembly字节码。
2. 浏览器执行： WebAssembly文件被浏览器下载并在其沙箱中执行。
3. DOM操作： Blazor通过JavaScript互操作性（JS Interop）来更新和操作浏览器的DOM，实现用户界面。

优点：

• 全栈C#开发： 可以在前端和后端都使用C#，减少语言切换成本。
• 代码复用： 现有.NET库和业务逻辑可以更容易地迁移和复用。
• 高性能： WebAssembly提供接近原生代码的执行速度。
• 安全性： 代码在浏览器沙箱中运行，遵循Web安全模型。

实施概述： 要将原先DLL中的逻辑迁移到Blazor，您通常需要：

1. 创建Blazor项目： 根据需求选择Blazor WebAssembly或Blazor Server项目。
2. 重构.NET逻辑： 将DLL中的核心业务逻辑提取并封装为C#类库，供Blazor应用引用。
3. 构建UI组件： 使用Razor组件（.razor文件）来构建用户界面，并在需要时调用重构后的C#逻辑。
4. JavaScript互操作（如需）： 如果需要与浏览器特定的JavaScript API或第三方JS库交互，可以使用Blazor的JS Interop功能。

示例（概念性）： 假设原DLL中有一个计算服务，现在可以将其封装在Blazor组件中：

// Example.Client/Services/SampleService.cs
namespace Example.Client.Services
{
    public class SampleService
    {
        public string GetSampleData()
        {
            // 模拟原DLL中的复杂逻辑
            return $"Data from Blazor .NET component at {DateTime.Now}";
        }
    }
}

// Example.Client/Pages/Index.razor
@page "/"
@inject Example.Client.Services.SampleService SampleService

<h1>Hello, Blazor!</h1>

<p>@message</p>

<button @onclick="LoadData">Load Data</button>

@code {
    private string message = "Click the button to load data.";

    private void LoadData()
    {
        message = SampleService.GetSampleData();
    }
}

方案二：通过ClickOnce启动桌面应用程序

如果您的.NET DLL实际上是一个包含丰富功能的桌面应用程序，并且您希望从Web页面触发其启动，那么ClickOnce是一个合适的解决方案。ClickOnce是微软提供的一种部署技术，允许用户通过Web链接或网络共享轻松安装和运行Windows桌面应用程序。

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

工作原理：

1. 发布应用程序： 将您的.NET桌面应用程序发布为ClickOnce部署包（.application文件）。
2. Web链接： 在Web页面中提供一个指向该.application文件的链接。
3. 浏览器启动： 当用户点击该链接时，Edge浏览器会识别这是一个ClickOnce部署，并提示用户安装或启动关联的桌面应用程序。
4. 应用程序执行： 应用程序在用户本地机器上独立运行，拥有完整的桌面应用权限。

优点：

• 利用现有桌面应用： 无需重写整个桌面应用程序。
• 易于部署和更新： 自动更新机制简化了维护。
• 全功能桌面体验： 应用程序可以访问本地资源，提供比Web应用更强大的功能。

实施概述：

1. 准备桌面应用程序： 确保您的.NET桌面应用程序（WinForms, WPF等）功能完善。
2. 启用ClickOnce发布： 在Visual Studio中，为项目启用ClickOnce发布。配置发布路径、更新选项等。
3. 生成部署文件： 发布应用程序会生成一个.application文件和相关的部署文件。
4. Web页面集成： 在您的SpringFramework应用程序或其他Web页面中，提供一个指向ClickOnce部署文件的链接。

示例（概念性）： 在您的Web页面中，可以这样提供ClickOnce应用程序的启动链接：

<p>点击下方链接启动您的桌面应用程序：</p>
<a href="http://yourserver.com/YourDesktopApp/YourApp.application">启动桌面应用程序</a>

当用户点击此链接时，如果未安装，浏览器会引导用户安装；如果已安装，则会直接启动应用程序。

注意事项与选择建议

• 安全模型： Blazor运行在浏览器沙箱中，受Web安全模型限制；ClickOnce应用作为桌面程序运行，拥有更高的权限，但需要用户明确信任。
• 用户体验： Blazor提供无缝的Web体验；ClickOnce会启动一个独立的桌面窗口，可能在用户感知上与Web应用分离。
• 开发复杂性： 迁移到Blazor可能需要对现有代码进行较大程度的重构，特别是涉及UI的部分。ClickOnce则更多是部署层面的工作。
• 功能需求： 如果需要与操作系统进行深度交互（如访问文件系统、硬件设备），ClickOnce通常是更直接的选择。如果目标是构建纯Web端的C#应用，Blazor更合适。
• 部署环境： Blazor应用部署为静态文件或托管在ASP.NET Core后端。ClickOnce需要一个Web服务器来托管部署文件。

总结

从IE11迁移到Microsoft Edge，意味着告别了基于ActiveX/COM的传统.NET组件集成方式。面对这一挑战，开发者应拥抱现代Web技术。Blazor通过WebAssembly为客户端C#代码执行提供了强大的平台，实现了全栈.NET的Web开发体验；而ClickOnce则为从Web页面启动功能丰富的桌面应用程序提供了便捷的途径。根据项目的具体需求、现有代码结构以及对用户体验的期望，选择最适合的方案，将有助于平稳过渡并充分利用.NET生态系统的优势。

以上就是从IE11迁移到Edge：在现代浏览器中调用.NET组件的替代方案的详细内容，更多请关注php中文网其它相关文章！