前言

我好好的一個后端，由于工作原因：目前都是基于安卓操作系統(tǒng)開發(fā)的瀏覽器盒子apk，現(xiàn)在要基于windows操作系統(tǒng)開發(fā)瀏覽器盒子，我負(fù)責(zé)去調(diào)研electron開發(fā)windows桌面應(yīng)用，哈哈哈，讓我拿electron去開發(fā)一個pc端瀏覽器，直接支持跨平臺（win,mac,linux）,直接從服務(wù)端跨到桌面客戶端的尺度有點(diǎn)大啊，雖然一時還接受不了讓我開發(fā)桌面客戶端，但是吧，覺得也應(yīng)該挺有趣的吧哈哈哈哈，學(xué)起來，話不多說，先學(xué)習(xí)electron，用它做一個桌面客戶端demo再說！

what is electron?

使用 JavaScript，HTML 和 CSS 構(gòu)建跨平臺的桌面應(yīng)用程序??????????????????

?Electron 是一個使用 JavaScript, HTML 和 CSS 等 Web 技術(shù)創(chuàng)建原生程序的框架

Electron 兼容 Mac、Windows 和 Linux，可以構(gòu)建出三個平臺的應(yīng)用程序

start with demo?

官方提供了一個electron的demo，github維護(hù)，開源的，我們先玩玩

git clone?https://github.com/electron/electron-api-demos.git?下載項(xiàng)目源碼

npm install 安裝依賴

npm start? ? 啟動項(xiàng)目(npm run dev調(diào)試模式啟動項(xiàng)目)

(me遇到了一個比較坑的問題，npm install 的時候electron的包總是下載不正確，導(dǎo)致項(xiàng)目一直npm strart不起來，gg,公司的垃圾網(wǎng)。。。。。。。換了我手機(jī)熱點(diǎn)，項(xiàng)目終于啟動了)

like this..................

how to use?

這個demo很友好，全英文show,唉，先看懂demo,再看看怎么完成我的任務(wù)吧，制作一個windows平臺的瀏覽器盒子，然后呢看支持mqtt通信和服務(wù)端。。。。。

經(jīng)過我對demo的了解，發(fā)現(xiàn)他這個demo還不錯哦，里面展示了electron api提供的核心關(guān)鍵功能，并且還給出了實(shí)現(xiàn)代碼哈哈哈

經(jīng)過這個demo調(diào)研，我發(fā)現(xiàn)他提供了我想要的一些功能的支持：獲取系統(tǒng)信息mac,在app內(nèi)部訪問外部鏈接，是否支持mqtt連接再其deemo中沒有說明，我在調(diào)研下，aaa

全部明了了，支持支持支持，nodejs支持的他都支持啊，mac，mqtt，nodejs不都支持嗎哈哈哈，外部url在本app內(nèi)也能打開

begin develop?

開始開發(fā)了一個小小的demo，利用electron api demos , 獲取本機(jī)mac, 在app內(nèi)打開外鏈

發(fā)現(xiàn)這個demos是真的友好，除了英文外，哈哈，開玩笑的，英文支持也是簡單易懂，nice！！！！！！

big action?

在進(jìn)行簡單了解electron后，后續(xù)的我將會有大動作，哈哈哈，我要學(xué)習(xí)electron，并且利用它開發(fā)一個還算看的過去的瀏覽器盒子，這個瀏覽器盒子運(yùn)行在windows上，支持獲取本機(jī)mac功能，外鏈app內(nèi)打開功能，mqtt消息訂閱功能。

想看大動作？？？？？？

別急，讓我學(xué)學(xué)，吃點(diǎn)代碼的食糧。。。。過幾天繼續(xù)更新my big action!！！！！！

總結(jié)

以上是生活随笔為你收集整理的electron????开发跨平台桌面应用程序？？？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。