ノードウェブキットとはどういう意味ですか?-フロントエンドQ&A-php.cn

ノードウェブキットとはどういう意味ですか?

WBOY

リリース： 2022-02-28 16:33:16

オリジナル

2946 人が閲覧しました

「node-webkit」は、「node.js」とchromiumをベースとしたアプリケーション実行環境で、ブラウザ上で構築されたWebアプリケーションや「node.js」をデスクトップアプリケーションにパッケージ化できる環境です。 PC デスクトップアプリケーションを作成するための HTML、CSS、および JavaScript。

ノードウェブキットとはどういう意味ですか?

この記事の動作環境: Windows 10 システム、nodejs バージョン 12.19.0、Dell G3 コンピューター。

node-webkit の意味

node-webkit は、node.js と chromium に基づいたアプリケーション実行環境であり、これを通じて Chrome ブラウザーと node.js 上で構築できる Web アプリケーションデスクトップアプリケーションにパッケージ化されており、クロスプラットフォームでも使用できます。明らかに、従来のデスクトップアプリケーションと比較して、特定の領域で html5 css3 js で開発された Web アプリケーションはよりシンプルかつ効率的であり、node.js の機能も使用できるため、node-webkit は依然として非常に便利です。これにより、JavaScript と HTML しか知らないプログラマーでもデスクトップアプリケーションを開発できるようになり、オープンソースです。

つまり、HTML、CSS、JavaScript を使用してローカライズされたアプリケーションを実装できます。プロジェクト全体の中で最も創造的な部分は、node.js の統合です。これにより、アプリケーション開発者は、DOM 内で直接、node.js モジュールを使用できるようになり、Web サイド JavaScript の機能が大幅に強化されます。このプロジェクトは、インテルオープンソースプロジェクトセンターによって開発および保守されています。

実際には、これは Web アプリを作成することと理解できます。ただし、node.js API を使用して、最終的にブラウザーでアプリケーション全体をパッケージ化して公開することができます。したがって、プラットフォームによる制限はありません (node.js を使用してオペレーティングシステム API を呼び出す場合を除く) コードをパッケージ化して、対応するプラットフォームで公開するだけです。phonegap/cordova の知識がある場合に限ります。このノード Web キットはそれらに非常に似ています。これは、node.js を追加するだけです。

ここではnode-webkitを使ってプロジェクトを開発する操作手順を紹介します。

node-webkit のダウンロード

オペレーティングシステムに対応するファイルを https://github.com/rogerwang/node-webkit からダウンロードします。解凍するだけです。環境変数に追加することをお勧めします。

新しいプロジェクト

新しいプロジェクトフォルダーを作成します。C:/Users/keith/node/webkitdemo

新しい package.json

 <!DOCTYPE html>
 <html>
   <head>
     <title>Hello World!</title>
   </head>
   <body>
     <h1>Hello Node-webkit</h1>
         Node.js version: <script>document.write(process.version)</script>.
   </body>
 </html>

ログイン後にコピー

Run

コマンドライン:

 npm install node-webkit-builder -g
 cd C:/Users/keith/node/
 nwbuild -p win C:/Users/keith/node/webkitdemo/
 cd build/demo/win/
 ./demo.exe  //运行程序

ログイン後にコピー

この時点で、コンパイルされたフォルダーを直接圧縮して公開するか、コンパイルされたフォルダーを exe ファイルにパッケージ化して直接公開するかを選択できます。 .exe ファイルを実行するには、Enigma Virtual Box ツールが必要です。インストール後、Enigma virtual box を実行します。

[入力ファイル名を入力してください] で、C:/Users/keith/node/build/ を選択します。 win/demo.exe ファイルを選択し、下の追加ボタンをクリックしてすべての dll ファイルと nw.pak を C:/Users/keith/node/build/demo/win ディレクトリに追加し、[ファイルオプション] をクリックして圧縮ファイルを確認します。をクリックし、最後に「プロセス」をクリックして完了します。

概要

node-webkit を通じていくつかの PC デスクトップアプリケーションを簡単に開発でき、node.js と組み合わせると、node の組み合わせなど、多くの興味深いものを開発できます。 .jsはローカルサーバーの作成やローカルファイルの操作などを行います。クロスプラットフォームのアプリケーションは迅速に開発できますが、パッケージ化されたアプリケーションは圧縮後でも 3.40M とサイズが大きいことが欠点です。

推奨学習: 「nodejs ビデオチュートリアル」

以上がノードウェブキットとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。