前言

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

what is electron?

使用 JavaScript，HTML 和 CSS 構建跨平臺的桌面應用程序??????????????????

?Electron 是一個使用 JavaScript, HTML 和 CSS 等 Web 技術創建原生程序的框架

Electron 兼容 Mac、Windows 和 Linux，可以構建出三個平臺的應用程序

start with demo?

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

git clone?https://github.com/electron/electron-api-demos.git?下載項目源碼

npm install 安裝依賴

npm start? ? 啟動項目(npm run dev調試模式啟動項目)

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

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

how to use?

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

經過我對demo的了解，發現他這個demo還不錯哦，里面展示了electron api提供的核心關鍵功能，并且還給出了實現代碼哈哈哈

經過這個demo調研，我發現他提供了我想要的一些功能的支持：獲取系統信息mac,在app內部訪問外部鏈接，是否支持mqtt連接再其deemo中沒有說明，我在調研下，aaa

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

begin develop?

開始開發了一個小小的demo，利用electron api demos , 獲取本機mac, 在app內打開外鏈

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

big action?

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

想看大動作？？？？？？

別急，讓我學學，吃點代碼的食糧。。。。過幾天繼續更新my big action!！！！！！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。