"node-webkit" est un environnement d'exécution d'applications basé sur "node.js" et chrome ; cet environnement peut empaqueter des applications Web construites sur le navigateur et "node.js" dans des applications de bureau, c'est-à-dire en utilisant HTML, CSS et JavaScript pour écrire des applications de bureau PC.
L'environnement d'exploitation de cet article : système Windows 10, nodejs version 12.19.0, ordinateur Dell G3.
node-webkit est un environnement d'exécution d'applications basé sur node.js et chrome. Grâce à lui, nous pouvons empaqueter des applications Web construites sur le navigateur Chrome et node.js dans des applications de bureau. multiplateforme. Évidemment, par rapport aux applications de bureau traditionnelles, les applications Web développées avec html5+css3+js dans certains domaines spécifiques sont plus simples et plus efficaces, et peuvent également utiliser les fonctions de node.js, donc node-webkit est toujours très utile. Il permet aux programmeurs qui ne connaissent que JavaScript et HTML de développer des applications de bureau, et il est open source.
C'est-à-dire que nous pouvons implémenter une application localisée via HTML, CSS et JavaScript. La partie la plus créative de l'ensemble du projet est l'intégration de node.js, qui permet aux développeurs d'applications d'utiliser le module node.js directement dans le DOM, améliorant ainsi considérablement les capacités de JavaScript côté Web. Le projet est développé et maintenu par le Intel Open Source Project Center.
En fait, cela peut être compris comme l'écriture d'une application Web. Mais vous pouvez utiliser l'API node.js, et enfin empaqueter l'intégralité de l'application avec le navigateur et la publier. Par conséquent, il n'est pas limité par la plate-forme (sauf pour l'utilisation de node.js pour appeler l'API du système d'exploitation). Empaquetez simplement un code et publiez-le sur la plate-forme correspondante si vous avez des connaissances sur phonegap/cordova. Ce node-webkit leur ressemble beaucoup. C'est juste l'ajout de node.js.
Voici une introduction au processus opérationnel de développement d'un projet à l'aide de node-webkit.
Télécharger node-webkit
Téléchargez le fichier correspondant au système d'exploitation sur https://github.com/rogerwang/node-webkit. Décompressez-le simplement. Il est recommandé de l'ajouter aux variables d'environnement.
Nouveau projet
Nouveau dossier de projet. C:/Users/keith/node/webkitdemo
Nouveau 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>
Exécuter
Sur la ligne de commande :
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 //运行程序
À ce stade, vous pouvez choisir de compiler directement le Compressez le dossier et publiez-le. Vous pouvez également choisir de regrouper le dossier compilé dans un fichier exe et de publier le fichier exe directement. Si vous souhaitez faire cela, vous avez besoin d'un outil Enigma Virtual Box. Après l'installation, exécutez Enigma virtual box
.Sélectionnez le fichier C:/Users/keith/node/build/win/demo.exe dans Enter Input File Name, puis cliquez sur le bouton Ajouter ci-dessous pour ajouter toutes les DLL dans le C:/Users/keith/node/build/. demo/win et nw.pak, puis cliquez sur Options de fichiers, cochez compresser pour compresser le fichier, et enfin cliquez sur Processus pour terminer.
Résumé
Vous pouvez facilement développer certaines applications de bureau PC via node-webkit, et en combinaison avec node.js, vous pouvez développer de nombreuses choses intéressantes, telles que combiner node.js pour créer des serveurs locaux, exploiter des fichiers locaux, etc. . Les applications multiplateformes peuvent être développées rapidement. L'inconvénient est que l'application packagée est volumineuse, même après compression, elle fait 3,40 Mo.
Apprentissage recommandé : "Tutoriel vidéo Nodejs"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!