桌面串口工具
這是一個(gè)基于electron的串口工具桌面應(yīng)用跳昼，因?yàn)槲以诰W(wǎng)上走了很多坑般甲，都不成功，終于找到對(duì)的方法鹅颊，編譯成功了敷存，這里講下我的編譯成功的方法。希望能夠幫到大家
完整demo在demo目錄中堪伍，包括編譯好的node_modules锚烦，所以有點(diǎn)大
實(shí)現(xiàn)過程
裝備工作
安裝python 2.7
這里需要安裝python 2.7的環(huán)境，記得是2.7帝雇，3的話是不行的涮俄。這里就不再展開python的安裝過程，執(zhí)行下載安裝即可尸闸。
安裝electron
對(duì)于可以翻墻的同學(xué)用這個(gè)
npm i electron -g
由于下載過慢彻亲，所以我采用淘寶的鏡像鏡像安裝cnpm，大家可以自行安裝下cnpm吮廉，這里就不展開解釋了 下面的操作都采用cnpm
cnpm i electron -g
安裝electron-prebuilt
cnpm install -g electron-prebuilt
開始
安裝官方的例子
官方文檔的例子我就不在這里展開解釋了苞尝，可以查看官方文檔 https://electron.org.cn/doc/tutorial/quick-start.html
下載demo
git clone https://github.com/electron/electron-quick-start.git
安裝模塊
cnpm install
安裝serialport
cnpm install --save serialport
安裝electron-rebuild, 因?yàn)閟erialport是根據(jù)系統(tǒng)環(huán)境編譯的，當(dāng)我們安裝時(shí)宦芦，我們編譯的成的是系統(tǒng)環(huán)境的serialport宙址，所以我們需要重新編譯成eletron的環(huán)境，所以我們需要electron-rebuild
cnpm install --save-dev electron-rebuild
重新編譯, 因?yàn)槲耶?dāng)前版本的electron是1.7.10的调卑，所以我們重新把模塊編譯成適應(yīng)1.7.10的, 這里記得要根據(jù)你的electron版本編譯
./node_modules/.bin/electron-rebuild -v 1.7.10
demo
在index.html寫我們的demo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<!-- All of the Node.js APIs are available in this renderer process. -->
We are using Node.js <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
<script>
// You can also require other files to run in this process
require('./renderer.js')
var serialport = require('serialport');
serialport.list(function(err, ports) {
console.log(ports);
});
</script>
</body>
</html>
運(yùn)行效果
[圖片上傳失敗...(image-ed0c15-1517303418137)]
寫了完整的小demo
效果
[圖片上傳失敗...(image-d97e27-1517303418137)]
