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
スタート
公式のインストール例
公式文書の例はここで説明しないで、公式文書を見ることができます.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>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!title>
  head>
  <body>
    <h1>Hello World!h1>
    
    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を書きました
アドレス:https://github.com/PowerDos/electron-serialport
効果