很多时候由于业务的需要我们要把web系统包装成一个桌面软件,又或者说我们不希望客户能直接通过浏览器打开web系统,这个时候我们可以通过用户 aardio 来将网站打包成 exe 的桌面软件,即不用修改原系统的代码又能快速地完成客户需求。aardio 是一个桌面软件开发工具,不知道的可以直接去百度上查找。最主要的是这个软件是由国内的人开发的作为国内开发人员觉得还是应该要支持一下的。项目特点使用标准库web. view创建软件界面。web.view基于WebView2( Edge/Chromium内核)。WebView2性能强悍、稳定可靠,支持WIN7, WIN8, WN10。不支持WinXPWeb.view库本身的体积非常小,可以生成独立EXE文件。WebView2与Edge浏览器各自独立, WebView2 Runtime需要单独安装。运行时可自动安装WebView2 Runtims下载速度非常快,所以体验还不错。制作桌面软件1、创建 WebView2 项目新建项目 / 选择Web界面 / WebView22、输入代码,把main.aardio里面的代码替换成以下代码。我这边是直接把已经做好的一个系统后台打包成一个桌面软件。import win.ui;
/*DSG{{*/
var mainForm = win.form(text="YimaoAdmin 3.0.5 – 企业建站系统";right=1200;bottom=768)
mainForm.add()
/*}}*/
// 添加状态栏
import win.ui.statusbar;
var statusbar = win.ui.statusbar(mainForm);
statusbar.addItem('Yimao 软件 | QQ:425225349', /*宽度*/);
// 打开网页
import web.view;
web.view.checkRuntime(mainForm); // 如果未安装WebView2 Runtime 就自动下载安装
var wb = web.view(mainForm);
wb.go("http://demo.91site.net/admin/");
mainForm.show();
wb.wait("");
//启动消息循环
win.loopMessage();点击运行后,我们来看看网站制作成软件后的运行效果图。网站生成的桌面软件效果图直接在生成的软件里面登录功能界面(类似于浏览器中直接操作)功能界面(类似于浏览器中直接操作)因为web.view采用的是 Edge / Chromium 的内核所以整个系统只要在浏览器里面能正常访问,在打包后的软件里面就不会存在兼容性的问题。像Jquery,Bootstrap等框架都可以正常使用。像 vue,angular,react 所有前端框架都是可以正常使用,不会受任何影响。而且 Javascript 与 aardio 是可以相互调用的,通过 aardio 可以调用更多的本地化功能从而开发出 更比浏览器环境下更加强大的桌面化软件功能。3、发布编译工程,生成exe文件直接生成exe文件结果:项目 dist 目录下会生成一个对应的 exe 文件,值得一提的是系统只会生成一个exe文件不会存在多个 dll 等文件,而且是生成的 exe 文件也非常小一般不会超过 1 M。使用网页来制作软件界面,其实 aardio 还可以用其它的一些浏览器组件来实现,如:blink浏览器,form浏览器组件、kit浏览器组件、layout浏览器组件等(后面研究好了慢慢上案例代码)。如果你需要实现跨平台桌面软件的开发你可以选择:Electron,NW.js1、Electron是一款利用Web技术开发跨平台桌面应用的框架。项目地址是:https://github.com/atom/electron2、NW.js是Intel的工程师写的一个基于node.js和chromium的应用程序运行环境。项目地址是:https://github.com/rogerwang/node-webkit3、还有一个插件是:nativefier,它可以将任意网站做成桌面软件,具体的方法可以自行搜索。如果你还有什么好的方法也可以在下面留言。aardio 的官方网站(www.aardio.com )有需要的可以自行下载。