是否可以在 Blazor 网站中嵌入 .NET 应用程序？

Question

类似于<iframe>、<embed>、<object> 等用于将外部视频、插件等嵌入网站，是否可以直接将应用程序嵌入到 Blazor 中？据推测，.NET 应用程序会更容易。

类似

<div>

    <application path="/dist/file/myApplication.exe"></application>

</div>

看看 Web Assembly 的功能，我确信总体概念是可以实现的。我只是想知道是否有一种方法可以在 Blazor 中轻松完成。

更新说明：

我最初的问题措辞可能过于简单化。我并不一定意味着字面上的<application path="myApplication.exe"></application> 会成功。我真正考虑的是通过 WASM 将非 Javascript 应用程序嵌入网站的用户友好方式的概念。我提到 Blazor 是因为它似乎是目前提供更简单方法的最佳竞争者。

这就是激发这个问题的原因：https://webassembly.org/demo/Tanks/

我认为既然 Unity 游戏已成功移植到浏览器上的 Web Assembly 中运行，那么任何应用程序都可以进行类似操作（在合理范围内）。

也许不是现在，而是在不远的将来。

Answer 1

如果您有“托管在网络上”的内容，您可以使用如下代码将其嵌入“内部”Blazor 应用程序：

    <script type="text/javascript">
    // From: https://gomakethings.com/getting-html-asynchronously-from-another-page/
    var getHTML = function (url, callback) {
        // Feature detection
        if (!window.XMLHttpRequest) return;
        // Create new request
        var xhr = new XMLHttpRequest();
        // Setup callback
        xhr.onload = function () {
            if (callback && typeof (callback) === 'function') {
                callback(this.responseXML);
            }
        };
        // Get the HTML
        xhr.open('GET', url);
        xhr.responseType = 'document';
        xhr.send();
    };
    </script>

    <script type="text/javascript">
    var populateDiv = function (element) {
        getHTML('https://blazor.net/', function (response) {
            element.innerHTML = response.documentElement.innerHTML;
        });
    };
    </script>

ElementRef modalBody; // reference to the DIV
protected override void OnAfterRender()
{
  // This will set the content of the Div
  // to the content of the server Login page
  setDivContent(modalBody);
}
    
public Task setDivContent(ElementRef elementRef)
{
   return JSRuntime.InvokeAsync<object>("populateDiv", elementRef);
}

<div ref="modalBody" class="modal-body">
<!-- Dynamic content will go here -->
</div>

见： Razor Components Popups and JavaScript Interop