Rumah > Artikel > hujung hadapan web > Apakah maksud nod-webkit?

Apakah maksud nod-webkit?

WBOYasal: 2022-02-28 16:33:162929semak imbas

"node-webkit" ialah persekitaran berjalan aplikasi berdasarkan "node.js" dan chromium ini boleh membungkus aplikasi web yang dibina pada penyemak imbas dan "node.js" ke dalam aplikasi desktop HTML, css dan JavaScript untuk menulis aplikasi desktop PC.

Persekitaran pengendalian artikel ini: sistem Windows 10, nodejs versi 12.19.0, komputer Dell G3.

Apakah maksud node-webkit?

node-webkit ialah persekitaran berjalan aplikasi berdasarkan node.js dan chromium, yang melaluinya kita boleh membina pada penyemak imbas chrome dan node.js Web aplikasi dibungkus ke dalam aplikasi desktop, dan ia juga boleh merentas platform. Jelas sekali, berbanding dengan aplikasi desktop tradisional, aplikasi web yang dibangunkan dengan html5 css3 js dalam kawasan khusus tertentu adalah lebih mudah dan cekap, dan juga boleh menggunakan fungsi node.js, jadi node-webkit masih sangat berguna. Ia membolehkan pengaturcara yang hanya mengetahui JavaScript dan HTML untuk membangunkan aplikasi desktop, dan ia adalah sumber terbuka.

Maksudnya, kami boleh melaksanakan aplikasi setempat melalui HTML, CSS dan JavaScript. Bahagian paling kreatif keseluruhan projek ialah penyepaduan node.js, yang membolehkan pembangun aplikasi menggunakan modul node.js secara langsung dalam DOM, meningkatkan keupayaan JavaScript sebelah web. Projek ini dibangunkan dan diselenggara oleh Pusat Projek Sumber Terbuka Intel.

Malah, ia boleh difahami sebagai menulis apl web. Tetapi anda boleh menggunakan API node.js, dan akhirnya membungkus keseluruhan aplikasi dengan penyemak imbas dan menerbitkannya. Oleh itu, ia tidak dihadkan oleh platform (kecuali untuk menggunakan node.js untuk memanggil API sistem pengendalian). Hanya bungkus kod dan terbitkannya pada platform yang sepadan. Nod-webkit ini sangat serupa dengan mereka. Ia hanyalah penambahan node.js.

Berikut ialah pengenalan kepada proses operasi menggunakan nod-webkit untuk membangunkan projek.

Muat turun node-webkit

Muat turun fail yang sepadan dengan sistem pengendalian di https://github.com/rogerwang/node-webkit. Buka zip sahaja. Adalah disyorkan untuk menambahnya pada pembolehubah persekitaran.

Projek baharu

Buat folder projek baharu C:/Users/keith/node/webkitdemo

Pakej baharu.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>

Jalankan<.>

Dalam baris arahan:

 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  //运行程序

Pada masa ini anda boleh memilih untuk memampatkan dan menerbitkan folder yang disusun secara langsung, atau anda boleh memilih untuk membungkus folder yang disusun ke dalam fail exe, terbitkan ini exe secara langsung Jika anda ingin melakukan ini, anda memerlukan alat Enigma Virtual Box Selepas pemasangan, jalankan kotak maya Enigma

dan pilih C:/Users/keith/node/build/win dalam Masukkan Fail Input. Namakan. /demo.exe fail, kemudian klik butang tambah di bawah untuk menambah semua fail dll dan nw.pak dalam direktori C:/Users/keith/node/build/demo/win, kemudian klik Pilihan Fail, semak fail termampat , dan akhirnya Klik Proses untuk menyelesaikan.

Ringkasan

Anda boleh membangunkan beberapa aplikasi desktop PC dengan mudah melalui node-webkit, dan digabungkan dengan node.js, anda boleh membangunkan banyak perkara menarik, seperti menggabungkan nod .js mencipta pelayan tempatan, mengendalikan fail tempatan, dsb. Aplikasi merentas platform boleh dibangunkan dengan cepat Kelemahannya ialah aplikasi yang dibungkus adalah besar, walaupun selepas pemampatan, ia adalah 3.40M.

Pembelajaran yang disyorkan: "

tutorial video nodejs"

Atas ialah kandungan terperinci Apakah maksud nod-webkit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript node.js json html5 css chrome css3 html webkit JS dom input github phonegap web app https

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Apakah fungsi global dalam nod?Artikel seterusnya：Apakah fungsi global dalam nod?

Artikel berkaitan

Lihat lagi