Windows でElectron の基本やデスクトップアプリの作り方

Windows でElectron の基本やデスクトップアプリの作り方

node.jsのElectronモジュールを使用してデスクトップアプリを作ってみます。

nodeのバージョンは6.10.3です。

npm initでプロジェクト作成します。エントリポイント(最初に実行されるjs)はmain.jsとします。

Electronをインストールします。

package.jsonは以下の通りになります。

Electronのバージョンは1.7.11とします。

ではまずmain.jsを記述します。

※darwinとはmacのことです

次に空のindex.htmlを同じディレクトリ配下に作成します。

デスクトップアプリを実行する

Electronをグローバルインストールしていれば、

で実行できますが、ローカルインストールしている場合は以下のように実行します。

これで以下のデスクトップアプリが起動します。

Windows でElectron の基本やデスクトップアプリの作り方

パッケージングする

VSCodeやAtomはElectronで作られています。ということはexe化することができます。

パッケージングするには、electron-packagerモジュールをインストールする必要があります。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA