前端可以做桌面軟件開發嗎?

單鑫


答案:當然可以;

技術:Electron—跨平臺桌面應用;

介紹:Electron是基於Chromium和Node.js,讓你可以使用HTML、CSS和Javascript構建桌面應用;

技術:包含:Javascript、CSS、Node.js,可以基於前端框架React/Vue等構件頁面,

應用實踐:Vscode就是一款基於Electron開發的跨平臺桌面應用;

建議:對於初學者來說Electron過於複雜,牽扯知識面太多,建議有一定前端開發基礎經驗者嘗試,謝謝;



書香學編程


當然是可以的,比較流行的就是electron,藉助於node進行打包,將前端轉化為桌面軟件,下面我簡單介紹一下electron是如何打包前端為桌面軟件的,感興趣的朋友可以嘗試一下:

搭建node環境

這個直接到node官網下載即可,windows環境下也就是exe安裝包,雙擊便可安裝,安裝完成後,這裡需要將node、npm這些常用命令添加到環境變量(也就是node的安裝目錄),後面使用起來也會非常方便:

安裝electron

node安裝完成後,這裡還需要安裝electron,打包的時候要用到,直接在cmd窗口輸入命令“npm install electron electron-packager”即可,如下,如果下載過程比較慢,可以更換一下npm源:

打包軟件

01、創建打包目錄及打包所需文件

一切準備就緒後,我們就可以直接開始打包前端軟件了,新建一個文件夾,將需要打包的前端文件放進去,同時創建package.json和main.js這2個文件,目錄結構如下:

02、配置打包所需文件

  • package.json配置如下,這主要指明應用名稱、版本號以及打包配置文件:

  • main.js配置如下,這裡主要指明打包的具體過程,重點是需要打包的html文件,網上相關配置非常多,可以做適當調整和補充:

03、打包軟件

打開cmd,cd切換到打包目錄,然後直接運行“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”命令即可,這裡主要是指明平臺、輸出目錄、位數、版本號等:

打包完成,即可在APPDir輸出目錄看到打包的exe程序,雙擊便可正常運行,本質其實就是嵌套了一個瀏覽器內核:

至此,我們就完成了將前端網頁打包為桌面軟件。總的來說,整個過程非常簡單,藉助於electron我們可以快速完成打包軟件,當然,你也可以使用nwjs,網上也有相關資料和教程,介紹的非常詳細,感興趣的話,可以搜一下,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言進行補充。


小小猿愛嘻嘻


可以的,前端主要就是js,也就是JavaScript ,以前叫腳本語言,但是它的功能真的很強大,他不僅可以做網站,還可以用在遊戲開發中,比如unity中,可以用js寫手機端遊戲,它也可以用來做桌面應用軟件,比較出名的框架是electron框架,用這個就可以將js用來開發桌面應用,總之,前端技術是一門很強大的技術,能做的領域很多,即使是被c語言等佔領的桌面應用領域。


分享到:


相關文章: