Teach you how to develop desktop applications with web pages

1、 download nw.js

https://nwjs.io/

The best download sdk edition . 2、 Unzip and open the installation package

After downloading , Unpack the open

In the picture app The folder was created by myself , You also need to create one yourself , Put your project files in it . app There is usually one in the folder index.html（ The page display ）, You also need to create a package.json file （ Parameter configuration ）：

{ “name”: “first app”, “main”: “index.html”, “version”: “1.0”, “window”: { “height”: 300, “width”: 360, “show”: true, “title”: “first app”, “toolbar”: true, “frame”: true, “resizable”:false, “icon”: “./icon.png”, “transparent”:false } }

Here's what the parameters mean ：

name： This app The name of , You can take any ~ main： representative app Entry file , What we use here is index.html, Is that when app What's the first page at launch . version： Version number , It is generally used for subsequent version upgrade . window： Set the window . height： Height , Unit pixel . width： Width , Unit pixel . show： When the program click to run, whether to display the window directly . title： Window title , When the entry page title Use this property as the window title when the label is empty . toolbar： Whether to enable the toolbar . frame： Use border or not , That is to say, it contains minimization , Close the border of the etc button . resizable： Whether the window can be resized . icon： Window icon , It's also the icon shown in the Quick Launch bar . transparent： Whether the window background is transparent .

And then app All the files in the folder are compressed into app.zip The compressed file of , Change it to app.nw file . take app.nw from app Paste into the root directory , then Open the command line tool and merge it into exe file ：

copy /b “E:\myweb\maomin\nwjs\nw.exe”+“E:\myweb\maomin\nwjs\app.nw” “E:\myweb\maomin\nwjs\app.exe”

Here's just an example , According to their own storage path to . When the merge is complete, you will see a file named app.exe The file of . 3、 download Enigma Virtual Box

For more information, please refer to the original , Reproduced from ：https://blog.csdn.net/weixin_44519496/article/details/119924554