1. 程式人生 > >基於electron的桌面串列埠工具應用(node-serialport)

基於electron的桌面串列埠工具應用(node-serialport)

桌面串列埠工具

這是一個基於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>

執行效果

寫了完整的小demo