https://github.com/powerdos/serialport_electron_start
基于electron的串口工具桌面应用小实例(踩坑)
https://github.com/powerdos/serialport_electron_start
electron node-serialport serial-ports
Last synced: 18 days ago
JSON representation
基于electron的串口工具桌面应用小实例(踩坑)
- Host: GitHub
- URL: https://github.com/powerdos/serialport_electron_start
- Owner: PowerDos
- Created: 2017-12-26T09:24:26.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-21T09:54:46.000Z (almost 7 years ago)
- Last Synced: 2025-03-24T17:51:26.953Z (about 1 month ago)
- Topics: electron, node-serialport, serial-ports
- Homepage:
- Size: 5.85 MB
- Stars: 50
- Watchers: 1
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# serialport_electron_start
> 这是一个基于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`
## 开始
### 安装官方的例子
> 官方文档的例子我就不在这里展开解释了，可以查看官方文档 [https://electron.org.cn/doc/tutorial/quick-start.html](https://electron.org.cn/doc/tutorial/quick-start.html "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, 因为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
```html
Hello World!
Hello World!
We are using Node.js document.write(process.versions.node),
Chromium document.write(process.versions.chrome),
and Electron document.write(process.versions.electron).
// 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);
});
```
## 运行效果
## 写了完整的小demo
> 地址: [https://github.com/PowerDos/electron-serialport](https://github.com/PowerDos/electron-serialport)
> 效果
