基於electron的桌面串列埠工具應用(node-serialport)
阿新 • • 發佈:2019-02-13
桌面串列埠工具
這是一個基於electron的串列埠工具桌面應用,因為我在網上走了很多坑,都不成功,終於找到對的方法,編譯成功了,這裡講下我的編譯成功的方法。希望能夠幫到大家
完整demo在demo目錄中,包括編譯好的node_modules,所以有點大
實現過程
裝備工作
安裝python 2.7
這裡需要安裝python 2.7的環境,記得是2.7,3的話是不行的。這裡就不再展開python的安裝過程,執行下載安裝即可。
安裝electron
對於可以翻牆的同學用這個
npm i electron -g
由於下載過慢,所以我採用淘寶的映象映象安裝cnpm,大家可以自行安裝下cnpm,這裡就不展開解釋了 下面的操作都採用cnpm
cnpm i electron -g
安裝electron-prebuilt
cnpm install -g electron-prebuilt
開始
安裝官方的例子
git clone https://github.com/electron/electron-quick-start.git
安裝模組
cnpm install
安裝serialport
cnpm install --save serialport
安裝electron-rebuild, 因為serialport是根據系統環境編譯的,當我們安裝時,我們編譯的成的是系統環境的serialport,所以我們需要重新編譯成eletron的環境,所以我們需要electron-rebuild
cnpm install --save-dev electron-rebuild
重新編譯, 因為我當前版本的electron是1.7.10的,所以我們重新把模組編譯成適應1.7.10的, 這裡記得要根據你的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>