基本的に、Electron は Chromium ブラウザーのカスタマイズされたバージョンであり、Nodejs と、カスタム ブラウザーをネイティブ プラットフォーム アプリケーションであるかのように基本的に実行できるいくつかの非常に優れたパッケージがパッケージ化されています。そのため、Electron アプリの作成は、Nodejs バックエンドを持つ Web アプリの作成と非常に似ています。
それでは、単純な「Hello World!」から始めましょう。アプリ、次のnpmを実行するだけです...
npm install electron-prebuilt --save-dev
npm をインストールしたら、Electron アプリを実行するために 3 つのファイルが必要になります。
- package.json ファイル
- JavaScript ファイル (デフォルトは main.js)
- html ファイル (デフォルトは index.html)
それぞれの詳細な手順の簡単なコピー/貼り付けバージョンについては、この GitHub リポジトリを参照してください: https://github.com/mafintosh/electron-prebuilt
その後、アプリを実行する準備が整いました...
$ electron .
最後に、ターミナル ウィンドウを開く 1 つの方法は、html で onclick 属性を使用して、関数でここにある child_process をトリガーすることです。
それでおしまい!他の Web アプリと同じように html ファイルと javascript ファイルを編集し、Electron が提供する追加機能を利用できるはずです。
詳細については、次のリソースも確認してください。
Electron の仕組みのクイック スタート イントロ -- https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md
Atom ディスカッション フォーラム (Atom は Electron で構築され、ハッキングできるように作られているため、コミュニティは非常に活発です) -- https://discuss.atom.io/c/electron
最新情報に追いつくためのクールなレポ。現在 Electron を使用しているアプリ、チュートリアル、ビデオなどへのリンクが含まれています --
https://github.com/sindresorhus/awesome-electron
それが役立つことを願っています!