开源1个月的Gluon凭啥与ElectronTauriNeu

　　大家好，很高兴又见面了，我是前端进阶，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！
　　Gluon：使用系统安装的浏览器和NodeJS从网站创建桌面应用程序的新框架1。什么是Gluon？
　　Gluon是一个新的框架，用于从网站创建桌面应用程序，使用系统内置的浏览器（不是webviews）和NodeJS，与其他现有的活跃项目有很大不同，Gluon开放创新并具有一些主要优势。Gluon不使用其他类似框架打包浏览器（如Chromium）或使用webview（如Windows上的EdgeWebview2），而是使用系统安装的浏览器，如Chrome、Edge、Firefox等。
　　Gluon支持基于Chromium和Firefox的浏览器作为前端，而Gluon的后端使用NodeJS是通用且易于开发的（也允许通过使用相同的堆栈从其他流行的框架（如Electron）轻松学习）。2。Gluon有什么优势？
　　Gluon有什么优势？系统安装的浏览器：允许用户选择支持大多数基于Chromium和Firefox的浏览器，没有webviews打包代码小：1MB使用系统节点，10MB时打包它浏览器引擎：Chromium和Firefox支持作为浏览器引擎，不同于任何其他活动框架小且易于使用：Gluon有一个简单而强大的API来开发带有Node后端的应用程序支持Deno（实验性的）：Deno也作为一个选项（开发者选择）来替代后端的NodeJS快速构建：Gluon在大多数机器上的小型项目构建时间不到1秒积极开发并听取反馈：每周都会有新的更新，如果社区喜欢（例如Firefox支持！），可以快速添加计划外的功能跨平台：Gluon适用于Windows、Linux和macOS（WIP）
　　Gluon使用火狐或者Chrome3。Gluon项目现状
　　Gluon项目开源还不到一个月，因此仍处于早期和实验状态。但它已经显示出巨大潜力！下面是Gluon项目目前的一些状态。
　　Gluon项目现状Gluon项目现状4。Gluon与不同项目对比4。1内置能力对比
　　GluonvsElectronvsTaurivsNeutralinojs内置能力对比4。2性能对比
　　基本（纯HTML）HelloWorld演示，在机上最新的Windows10上测试结果。使用截至2022年12月9日所有框架的最新稳定版本。测试结果如下：
　　GluonvsElectronvsTaurivsNeutralinojs性能对比
　　从上图可以看出，Gluon与Tauri、Electron、Neutralinojs相比，在打包时间、包大小、内存使用、打包时间上等诸多维度都具有明显的优势。5。Gluon典型用例5。1新开窗口
　　在Gluon中打开一个窗口就像一个函数调用一样简单，同时还提供了诸多选项可用，例如窗口大小或加载额外代码。importasGconstWindowawaitGluon。open（https：gluonjs。org）；5。2IPC进程通讯
　　IPC（进程间通信）允许您在后端和网站前端之间进行通信。
　　Gluon有一个简单但功能强大的异步IPCAPI，它在Node和公开的GluonWebAPI中也几乎相同，以允许更容易和更快的开发。
　　它还具有多个通用的子API来完成常见的事情，包括包装基本API，因此大多数开发人员不需要使用不必要的复杂的基于事件的系统：Node后端importasGconstWindowawaitGluon。open（https：gluonjs。org）；Window。ipc。store。config｛env：production｝；import｛writeFile｝Window。ipc。logmsg｛打印ahrefhttps：www。bs178。comrizhitargetblankclassinfotextkey日志a到磁盘writeFile（app。log，log）；写入ahrefhttps：www。bs178。comrizhitargetblankclassinfotextkey日志a到文件｝；5。3IdleAPI
　　IdleAPI是Gluon的一项独特功能，允许休眠Gluon窗口以节省系统资源。
　　休眠时会完全杀死浏览器（使用约30MB的内存），而休眠使用页面的屏幕截图作为占位符（使用约60MB的内存）。
　　您可以使用API手动休眠、睡眠和唤醒，或者使用自动空闲管理，它会在选定的时间段内最小化窗口时休眠，并在它再次聚焦时将其自动唤醒。Node后端importasGconstWindowawaitGluon。open（https：example。com）；constsleepmsnewPromise（resolvesetTimeout（resolve，ms））；awaitsleep（5000）；等待窗口完全加载Window。idle。hibernate（）；休眠窗口awaitsleep（5000）；Window。idle。wake（）；唤醒窗口awaitsleep（5000）；Window。idle。sleep（）；休眠窗口awaitsleep（5000）；Window。idle。wake（）；唤醒窗口6。本文总结
　　本文主要和大家探讨下一个全新的桌面开发框架Gluon的现状，并与Electron、Tauri、Neutralinojs等诸多前辈进行对比。当然，有些人可能对Electron、Tauri、Neutralinojs等有诸多执念，那就当一次看客，知道有这么个框架好了。文末的参考资料提供了大量优秀文档以供学习，如果有兴趣的读者可以自行阅读。
　　参考资料
　　https：github。comgluonframeworkgluon
　　https：gluonjs。org