ホームページ > 記事 > ウェブフロントエンド > ノードウェブキットとはどういう意味ですか?
ノードウェブキットとはどういう意味ですか?
- WBOYオリジナル
- 2022-02-28 16:33:162873ブラウズ
「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 サイトの他の関連記事を参照してください。