用aardio可以輕鬆地實現將網站做成桌面軟體

很多時候由於業務的需要我們要把web系統包裝成一個桌面軟體,又或者說我們不希望客戶能直接透過瀏覽器開啟web系統,這個時候我們可以透過使用者 aardio 來將網站打包成 exe 的桌面軟體,即不用修改原系統的程式碼又能快速地完成客戶需求。

aardio 是一個桌面軟體開發工具,不知道的可以直接去百度上查詢。最主要的是這個軟體是由國內的人開發的作為國內開發人員覺得還是應該要支援一下的。

專案特點

使用標準庫web。 view建立軟體介面。

web。view基於WebView2( Edge/Chromium核心)。

WebView2效能強悍、穩定可靠,支援WIN7, WIN8, WN10。不支援WinXP

Web。view庫本身的體積非常小,可以生成獨立EXE檔案。

WebView2與Edge瀏覽器各自獨立, WebView2 Runtime需要單獨安裝。

執行時可自動安裝WebView2 Runtims下載速度非常快,所以體驗還不錯。

製作桌面軟體

1、建立 WebView2 專案

用aardio可以輕鬆地實現將網站做成桌面軟體

新建專案 / 選擇Web介面 / WebView2

2、輸入程式碼,把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();

點選執行後,我們來看看網站製作成軟體後的執行效果圖。

用aardio可以輕鬆地實現將網站做成桌面軟體

網站生成的桌面軟體效果圖

用aardio可以輕鬆地實現將網站做成桌面軟體

直接在生成的軟體裡面登入

用aardio可以輕鬆地實現將網站做成桌面軟體

功能介面(類似於瀏覽器中直接操作)

用aardio可以輕鬆地實現將網站做成桌面軟體

功能介面(類似於瀏覽器中直接操作)

因為web。view採用的是 Edge / Chromium 的核心所以整個系統只要在瀏覽器裡面能正常訪問,在打包後的軟體裡面就不會存在相容性的問題。像Jquery,Bootstrap等框架都可以正常使用。像 vue,angular,react 所有前端框架都是可以正常使用,不會受任何影響。

而且 Javascript 與 aardio 是可以相互呼叫的,透過 aardio 可以呼叫更多的本地化功能從而開發出 更比瀏覽器環境下更加強大的桌面化軟體功能

3、釋出編譯工程,生成exe檔案

用aardio可以輕鬆地實現將網站做成桌面軟體

直接生成exe檔案

結果:專案 dist 目錄下會生成一個對應的 exe 檔案,值得一提的是系統只會生成一個exe檔案不會存在多個 dll 等檔案,而且是生成的 exe 檔案也非常小一般不會超過 1 M。

使用網頁來製作軟體介面,其實 aardio 還可以用其它的一些瀏覽器元件來實現,如:blink瀏覽器,form瀏覽器元件、kit瀏覽器元件、layout瀏覽器元件等(後面研究好了慢慢上案例程式碼)。

如果你需要實現

跨平臺桌面軟體的開發你可以選擇:Electron,

NW。js

1、Electron是一款利用Web技術開發跨平臺桌面應用的框架。專案地址是:https://github。com/atom/electron

2、

NW。js是Intel的工程師寫的一個基於node。js和chromium的應用程式執行環境。專案地址是:https://github。com/rogerwang/node-webkit

3、還有一個外掛是:nativefier

,它可以將任意網站做成桌面軟體,具體的方法可以自行搜尋。

如果你還有什麼好的方法也可以在下面留言。

aardio 的官方網站(www。aardio。com )有需要的可以自行下載。