Chromely 框架入门指南

Chromely 框架入门指南

ChromelyBuild Cross Platform HTML Desktop Apps on .NET using native GUI, HTML5, JavaScript, CSS, Owin, AspNetCore (MVC, RazorPages, Blazor)项目地址:https://gitcode.com/gh_mirrors/ch/Chromely

1. 项目介绍

Chromely 是一款轻量级的.NET 和 .NET Core 应用框架，它允许开发人员利用 HTML5 和 Chromium 技术创建桌面应用程序。不同于 Electron.NET，Chromely 更注重轻量化，主要基于 Xilium.CefGlue 构建，无需依赖 WinForms 或 WPF。Chromely 支持 Windows、Linux 和 MacOS 系统，且可以通过 CEF（Chromium Embedded Framework）提供本地 GUI API 作为"薄"的 Chrome 主机。开发者可以方便地构建单页应用（SPA），并利用 Angular、React、Vue 或类似 JavaScript 框架。

2. 项目快速启动

安装依赖项

确保安装了 .NET SDK，然后通过 NuGet 安装 Chromely：

dotnet new console -n MyChromelyApp
cd MyChromelyApp
dotnet add package Chromely

编写基本应用

在 Program.cs 文件中替换默认内容，添加 Chromely 的启动代码：

using Chromely;
using Chromely.Core;
using Chromely.Core.Configuration;
using Chromely.Core.Host;

public class Program
{
    public static void Main(string[] args)
    {
        // 配置基础设置
        var config = new AppConfig()
        {
            WindowTitle = "我的Chromely应用",
            FrameRate = 60,
            StartUrl = "file:///path/to/your/index.html"
        };

        // 初始化并运行应用
        ChromelyApp.Run(args, config);
    }
}

这里 StartUrl 需要替换为您应用程序的主 HTML 文件路径。

运行应用

保存更改后，在终端执行：

dotnet run

这将启动一个显示您指定网页的新窗口。

3. 应用案例和最佳实践

• 使用Blazor创建桌面应用：Chromely 可以很好地结合 Blazor，让Web开发技术也能无缝应用于桌面应用。
• 通信集成：Chromely 提供通用消息路由和Ajax HTTP/XHR通信方式，可以方便地在浏览器渲染进程与主进程间交换数据。
• 自定义配置和扩展：通过继承和覆写 Chromely 的基类，可以根据需求定制化窗口、控制器、中间件等功能。

4. 典型生态项目

• EdgeSharp：Chromely 的衍生项目，基于 Microsoft Edge WebView2 的桌面框架，适用于开发者希望利用最新 Edge 渲染引擎的情况。
• Chromely Apps：Chromely 社区提供的示例应用和模板，有助于快速了解如何构建实际应用。

以上就是关于 Chromely 的简要介绍和快速启动教程。更多详细信息，可以参考项目的官方GitHub仓库 ReadMe 和相关文档。祝您使用愉快！

ChromelyBuild Cross Platform HTML Desktop Apps on .NET using native GUI, HTML5, JavaScript, CSS, Owin, AspNetCore (MVC, RazorPages, Blazor)项目地址:https://gitcode.com/gh_mirrors/ch/Chromely