次の記事では、Nativefierについて見ていきます。 このツールについてはすでに話しました この同じブログで 少し前に。 この投稿では、Ubuntu18.10にインストールして使用する方法を説明します。 Webページをネイティブアプリケーションに変換する.
Webサイトのネイティブアプリケーションが必要な理由はたくさんあります。 それらは一般的に非常にうまく機能し、さらに人々がデスクトップアプリに期待するいくつかの機能を備えています。 通常、 机の上にぴったりフィット Gnu / Linuxは、作成時の構成に感謝します。
Ubuntu18.10にNativefierをインストールします
NativefierはNodeJSアプリケーションです Gnu / LinuxおよびNodeを実行できるその他のオペレーティングシステムで実行されています。 このプログラムは、主要なディストリビューションにデフォルトでインストールされた状態で届きません。 このため、WebサイトをGnu / Linux用のデスクトップアプリケーションに変換する前に、NativeFierを構成する方法を確認する必要があります。
NPMをインストールする
Nativefierは、NodeJSプログラミング言語に大きく依存しています。 このため、 このパッケージマネージャーをインストールします。 NPM、これで十分です。
へ Ubuntu18.10にNPMをインストールします、ターミナルを開いて(Ctrl + Alt + T)、書き込むだけです。
sudo apt install npm
Nativefierをインストールする
NodeJSパッケージマネージャーがマシンで稼働している場合は、それを使用してNativefierをインストールする必要があります。 これを行うには、ターミナルを開いて(Ctrl + Alt + T)、 npmコマンドを使用する 次のようにします。
sudo npm install nativefier -g
警告:sudoを使用せずにNativefierをインストールすると、問題が発生する可能性があります。
ウェブサイトをアプリに変換する
Nativefierは、URLに基づいて電子フレームを生成することで機能します コマンドラインから受け取ります。 Webサイトを使用してネイティブGnu / Linuxアプリケーションを作成するには、次の手順に従ってください。
- ステップ1→ アプリを作成するWebサイトを見つけます。 ブラウザにWebサイトが表示されたら、マウスでURLを強調表示し、右クリックします。 オプションを選択 'コピーする'。
- ステップ2→ターミナルウィンドウで、 Nativefierを使用して基本的なアプリケーションを生成し、コピーしたURLを貼り付けます。 この記事では、これと同じWebサイトを使用します。
nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
- ステップ3→Nativefierは電子アプリケーションにURLを含めます。 アプリを生成する際には、端末に注意を払うことが重要です。 エラーが表示された場合は、Ctrl + Cのキーの組み合わせを押します コマンドを再実行してください。
- ステップ4→Nativefierがアプリケーションの生成を終了したら、次のことを行う必要があります 使用する前に、この権限を更新してください。 権限を設定するには、ターミナルで次のコマンドを実行します。
cd *-linux-x64 sudo chmod +x *
- ステップ5→ アプリケーションを実行する パーソナライズされた電子:
./ubunlog
カスタムアプリケーションオプション
投稿のこのセクションでは、簡単に確認します Nativefierが持っているオプションのいくつか。 これらにより、ユーザーはより優れたデスクトップアプリケーションを作成できます。
注:すべてのオプションを同時に書き込むことができます。 同時に使用する数に制限はありません。
システムトレイ内
許可しますか システムトレイに表示されるアプリケーション? でアプリケーションを生成してみてください –トレイオプション:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray
フルスクリーン
アプリケーションを全画面で起動できるようにしますか? 用途 「フルスクリーン」オプション 次のコマンドで有効にします。
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen
最大化を開始
可能です 電子アプリケーションを常に最大化を開始するように強制します。 それを取得するには、使用する必要があります 「最大化」オプション アプリケーションを作成するコマンドで:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize
FlashPlayerを有効にする
FlashをベースにしたWebアプリケーションを作成することは可能です。 幸いなことに、Nativefierには次の方法があります。 AdobeFlashプラグインをロードする。 追加するだけです 「フラッシュ」オプション 私たちが使用しているコマンドに:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash
常にアップ
あなたはあなたの電子アプリケーションが欲しいですか ウィンドウマネージャーのルールを無視し、常にすべての上に表示されます 残り? 証明 'always-on-top'オプション Nativefierでコンパイルする場合:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top
その他の構成オプション
nativefier --help
私たちに見せるためのNativefierの助け アプリケーションの構成に使用できるさまざまなオプション。 このツールの詳細については、 GitHubリポジトリ.
npm ERR! typeerrorエラー:必要な引数#1がありません
npm ERR! andLogAndFinishでのtypeerror(/usr/share/npm/lib/fetch-package-metadata.js:31:3)
npm ERR! fetchPackageMetadataでのtypeerror(/usr/share/npm/lib/fetch-package-metadata.js:51:22)
npm ERR! resolveWithNewModuleでのtypeerror(/usr/share/npm/lib/install/deps.js:456:12)
npm ERR! /usr/share/npm/lib/install/deps.js:457:7でのtypeerror
npm ERR! /usr/share/npm/node_modules/iferr/index.js:13:50でのtypeerror
npm ERR! /usr/share/npm/lib/fetch-package-metadata.js:37:12でのtypeerror
npm ERR! addRequestedAndFinishでのtypeerror(/usr/share/npm/lib/fetch-package-metadata.js:82:5)
npm ERR! returnAndAddMetadataでのtypeerror(/usr/share/npm/lib/fetch-package-metadata.js:117:7)
npm ERR! pickVersionFromRegistryDocumentでのtypeerror(/usr/share/npm/lib/fetch-package-metadata.js:134:20)
npm ERR! /usr/share/npm/node_modules/iferr/index.js:13:50でのtypeerror
npm ERR! typeerrorこれはnpm自体のエラーです。 このエラーを次の場所で報告してください。
npm ERR! typeerror
npm ERR! サポートリクエストには、次のファイルを含めてください。
npm ERR! /home/joan/npm-debug.log
助けて