目次
node-webkit の意味
ホームページ ウェブフロントエンド フロントエンドQ&A ノードウェブキットとはどういう意味ですか?

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

Feb 28, 2022 pm 04:33 PM
nodejs

「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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

NodejsとTomcatの違い NodejsとTomcatの違い Apr 21, 2024 am 04:16 AM

NodejsとTomcatの違い

Nodejsとvuejsの違い Nodejsとvuejsの違い Apr 21, 2024 am 04:17 AM

Nodejsとvuejsの違い

Nodejs はバックエンド フレームワークですか? Nodejs はバックエンド フレームワークですか? Apr 21, 2024 am 05:09 AM

Nodejs はバックエンド フレームワークですか?

Nodejs インストール ディレクトリ内の npm ファイルと npm.cmd ファイルの違いは何ですか? Nodejs インストール ディレクトリ内の npm ファイルと npm.cmd ファイルの違いは何ですか? Apr 21, 2024 am 05:18 AM

Nodejs インストール ディレクトリ内の npm ファイルと npm.cmd ファイルの違いは何ですか?

Nodejsのグローバル変数とは何ですか Nodejsのグローバル変数とは何ですか Apr 21, 2024 am 04:54 AM

Nodejsのグローバル変数とは何ですか

Nodejs はバックエンド開発言語ですか? Nodejs はバックエンド開発言語ですか? Apr 21, 2024 am 05:09 AM

Nodejs はバックエンド開発言語ですか?

NodejsとJavaの間に大きな違いはありますか? NodejsとJavaの間に大きな違いはありますか? Apr 21, 2024 am 06:12 AM

NodejsとJavaの間に大きな違いはありますか?

NodejsとJavaのどちらを選択しますか? NodejsとJavaのどちらを選択しますか? Apr 21, 2024 am 04:40 AM

NodejsとJavaのどちらを選択しますか?

See all articles