Nativefier、Ubuntu18.10でウェブサイトをデスクトップアプリケーションに変換

nativefierについて

次の記事では、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コマンドを使用する 次のようにします。

nativefier npm ubuntu18.10をインストールします

sudo npm install nativefier -g

警告:sudoを使用せずにNativefierをインストールすると、問題が発生する可能性があります。

ウェブサイトをアプリに変換する

Nativefierは、URLに基​​づいて電子フレームを生成することで機能します コマンドラインから受け取ります。 Webサイトを使用してネイティブGnu / Linuxアプリケーションを作成するには、次の手順に従ってください。

  • ステップ1→ アプリを作成するWebサイトを見つけます。 ブラウザにWebサイトが表示されたら、マウスでURLを強調表示し、右クリックします。 オプションを選択 'コピーする'。
  • ステップ2→ターミナルウィンドウで、 Nativefierを使用して基本的なアプリケーションを生成し、コピーしたURLを貼り付けます。 この記事では、これと同じWebサイトを使用します。

Nativefierでアプリを作成する Ubunlog

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 リリース

./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ヘルプ

nativefier --help

私たちに見せるためのNativefierの助け アプリケーションの構成に使用できるさまざまなオプション。 このツールの詳細については、 GitHubリポジトリ.


コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   ジョアン

    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

    助けて