1.電腦客戶端使用Electron
Electron簡介
Electron是干什么的鸳君？ 簡單來講，Electron 使用 JavaScript砸紊，HTML 和 CSS囱挑，來構(gòu)建跨平臺的桌面應(yīng)用程序。
按照官方的說法：如果你可以建一個網(wǎng)站游添，你就可以建一個桌面應(yīng)用程序。
和傳統(tǒng)的桌面應(yīng)用相比唆涝，使用Electron開發(fā)更容易上手，開發(fā)效率更高能耻。并且亡驰，web技術(shù)應(yīng)用廣泛、生態(tài)繁榮隐解，Electron可以使用幾乎所有的Web生態(tài)領(lǐng)域及Node.js生態(tài)領(lǐng)域的組件和技術(shù)方案。
與網(wǎng)頁應(yīng)用相比帕涌，Electron基于Chromium 和 Node.js续徽，可以避免令人頭痛的瀏覽器兼容問題。而Web前端受限訪問的文件系統(tǒng)钦扭、系統(tǒng)托盤、系統(tǒng)通知等其弊，開發(fā)Electron應(yīng)用時可以自由地使用膀斋。
Electron工作機(jī)制
使用Electron開發(fā)的桌面應(yīng)用，類似于簡易版的糊识、定制版的Chrome瀏覽器摔蓝，當(dāng)然這個瀏覽器中的頁面不能通過輸入網(wǎng)址打開，而是由開發(fā)者寫好的贮尉。
[圖片上傳失敗...(image-4436f1-1665283498084)]
和瀏覽器架構(gòu)類似，Electron應(yīng)用程序區(qū)分主進(jìn)程和渲染進(jìn)程鸠真。
主進(jìn)程負(fù)責(zé)控制應(yīng)用程序的生命周期、創(chuàng)建和管理應(yīng)用程序窗口吠卷，有著多種控制原生桌面功能的模塊，例如菜單货岭、對話框以及托盤圖標(biāo)疾渴。
渲染進(jìn)程負(fù)責(zé)完成渲染界面、接收用戶輸入搞坝、響應(yīng)用戶的交互等工作。
一個Electron應(yīng)用只有一個主進(jìn)程敦第，但可以有多個渲染進(jìn)程店量。
2.移動端有兩個較好的選擇
HybridApp(混合應(yīng)用程序)
HybridApp是將 APP 的一部分內(nèi)容通過 H5 來實(shí)現(xiàn)，通過原生的網(wǎng)頁加載控件 WebView (Android)或 WKWebView（iOS）來加載H5頁面,這樣一來右钾，H5 部分是可以隨時改變而不用發(fā)版旱爆，動態(tài)化需求能滿足；同時疼鸟，由于 H5 代碼只需要一次開發(fā)，就能同時在 Android 和 iOS 兩個平臺運(yùn)行，這也可以減小開發(fā)成本捌朴，也就是說砂蔽，H5 部分功能越多，開發(fā)成本就越小左驾。我們稱這種 h5+原生的開發(fā)模式為混合開發(fā)极谊，采用混合模式開發(fā)的 APP 我們稱之為混合應(yīng)用或 Hybrid APP安岂。
uni-app
uni-app 是一個使用 Vue.js 開發(fā)跨平臺應(yīng)用的前端框架，開發(fā)者編寫一套代碼咙边，可編譯到iOS次员、Androi、H5淑蔚、小程序等多個平臺。不要認(rèn)為 uni-app 可以跨多端被丧，就感覺開發(fā)難度會直線上升绪妹。如果說，你開發(fā)過小程序黄选，恰好又會 vue婶肩， 那么你的學(xué)習(xí)成本會非常的低。
開發(fā) App 端的話律歼，對于原生開發(fā)了解即可，不需要你有很多的原生開發(fā)經(jīng)驗(yàn)制圈。
