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

單鑫


非著名程序員:換個角度看世界,另闢蹊徑,提供新思路,優質的回答。

前端當然可以做桌面開發了。

Electron 瞭解一下,它是一個跨平臺桌面應用開發框架。它就是使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用。


Electron 非常的迷人,究其根本是因為它是建立在「Chromium」和「Node」之上的,一個負責界面,一個負責背後的邏輯,典型的「你負責貌美如花,我負責賺錢養家」,為什麼 Electron 能夠開發跨平臺的桌面應用也就可以理解了。


在這個框架中很容易構建基於 HTML、CSS 和 JavaScript 技術的跨平臺應用。構建出來的應用會很好地兼容 Mac、Windows 和 Linux 操作系統。

它還有其它一些特性:

  • 自動更新 —— 應用支持自動更新

  • 原生菜單和通知 —— 可以創建原生應用菜單和上下文菜單

  • 應用崩潰報告 —— 可以將崩潰報告提交到遠程服務器

  • 調試和分析 —— Chrominum 的內容模塊可以發現性能瓶頸和緩慢的操作。你也可以在應用中使用自己喜歡的 Chrome 開發者工具。

  • Windows installer —— 可以快速便捷地創建安裝包。


我感覺對於前端程序員來講,大家感興趣的話,真的是可以去了解一下 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語言等佔領的桌面應用領域。


分享到:


相關文章: