Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet Node-Webkit?
„node-webkit“ ist eine Umgebung zum Ausführen von Anwendungen, die auf „node.js“ und Chromium basiert. Diese Umgebung kann Webanwendungen, die auf dem Browser und „node.js“ basieren, in Desktop-Anwendungen packen, d. h. unter Verwendung von HTML, CSS und JavaScript zum Schreiben von PC-Desktopanwendungen.
Die Betriebsumgebung dieses Artikels: Windows 10-System, NodeJS-Version 12.19.0, Dell G3-Computer.
Node-Webkit ist eine Anwendungsumgebung, die auf Node.js und Chromium basiert. Dadurch können wir Webanwendungen, die auf Chrome-Browser und Node.js basieren, in Desktop-Anwendungen packen plattformübergreifend. Offensichtlich sind Webanwendungen, die in bestimmten Bereichen mit HTML5 + CSS3 + JS entwickelt wurden, im Vergleich zu herkömmlichen Desktop-Anwendungen einfacher und effizienter und können auch die Funktionen von node.js nutzen, sodass Node-Webkit immer noch sehr nützlich ist. Es ermöglicht Programmierern, die nur JavaScript und HTML beherrschen, die Entwicklung von Desktop-Anwendungen und ist Open Source.
Das heißt, wir können eine lokalisierte Anwendung über HTML, CSS und JavaScript implementieren. Der kreativste Teil des gesamten Projekts ist die Integration von node.js, die es Anwendungsentwicklern ermöglicht, das node.js-Modul direkt im DOM zu verwenden und so die Fähigkeiten von webseitigem JavaScript erheblich zu verbessern. Das Projekt wird vom Intel Open Source Project Center entwickelt und gepflegt.
Tatsächlich kann es als das Schreiben einer Web-App verstanden werden. Sie können jedoch die API node.js verwenden und schließlich die gesamte Anwendung mit dem Browser packen und veröffentlichen. Daher ist es nicht durch die Plattform eingeschränkt (außer bei der Verwendung von node.js zum Aufrufen der Betriebssystem-API). Packen Sie einfach einen Code und veröffentlichen Sie ihn auf der entsprechenden Plattform. Dieses Node-Webkit ist ihnen sehr ähnlich. Es ist lediglich das Hinzufügen von node.js.
Hier finden Sie eine Einführung in den Ablauf der Projektentwicklung mit Node-Webkit.
Node-Webkit herunterladen
Laden Sie die dem Betriebssystem entsprechende Datei unter https://github.com/rogerwang/node-webkit herunter. Entpacken Sie es einfach. Es wird empfohlen, es zu den Umgebungsvariablen hinzuzufügen.
Neues Projekt
Neuer Projektordner C:/Users/keith/node/webkitdemo
Neues 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>
Ausführen
Auf der Befehlszeile:
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 //运行程序
Zu diesem Zeitpunkt können Sie wählen, ob Sie das direkt kompilieren möchten Komprimieren Sie den Ordner und veröffentlichen Sie ihn. Sie können den kompilierten Ordner auch in eine Exe-Datei packen und die Exe-Datei direkt veröffentlichen. Führen Sie dazu das Tool Enigma Virtual Box aus
Wählen Sie die Datei C:/Users/keith/node/build/win/demo.exe unter Eingabedateinamen eingeben aus und klicken Sie dann unten auf die Schaltfläche „Hinzufügen“, um alle DLLs in C:/Users/keith/node/build/ hinzuzufügen. Öffnen Sie die Verzeichnisdatei „demo/win“ und „nw.pak“, klicken Sie dann auf „Dateioptionen“, aktivieren Sie „Komprimieren“, um die Datei zu komprimieren, und klicken Sie schließlich auf „Verarbeiten“, um den Vorgang abzuschließen.Zusammenfassung
Mit Node-Webkit können Sie problemlos einige PC-Desktopanwendungen entwickeln und in Kombination mit node.js viele interessante Dinge entwickeln, z. B. die Kombination von node.js, um einen lokalen Server zu erstellen, lokale Dateien zu betreiben, usw. Plattformübergreifende Anwendungen können schnell entwickelt werden. Der Nachteil besteht darin, dass die verpackte Anwendung groß ist, selbst nach der Komprimierung beträgt sie 3,40 MB. Empfohlenes Lernen: „nodejs-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWas bedeutet Node-Webkit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!