代码改变世界

【Node-webkit学习笔记】实现C/S外壳(即桌面应用)访问B/S网站 (一)

2019-01-30 10:10  妙笔生花  阅读(491)  评论(0)    收藏  举报

第一步:  下载node-webkit,官方访问网址 https://nwjs.io/

按图示下载后,得到压缩包 nwjs-sdk-v0.35.5-win-x64.zip,选择完后可解压到对应目录。

AG: 我的盘符为  G:\workField\nwjs-sdk-v0.35.5-win-x64

第二步: 创建基本文件目录,通过node-webkit打开网址。

1、 新建目录,配置访问内容,我的盘符为: G:\workField\nw-testone,内容如下:

     A、目录下内容结构:

          -----------nw-testone

          ------------------index.html

          ------------------package.json

    B、index.html

          在直接访问网址的过程中,只需要package.json;

          若是要访问index.html的页面内容,则index.hml可填写任意可支持内容,在package.json中调整配置即可。

    C、package.json  

{
  "name": "nw-test",
  "main": "http://www.baidu.com/",
  "version": "0.0.1",
  "window": {
     "toolbar": false,
     "frame": true,
     "width": 1000,
     "height": 700,
     "position": "center",
     "min_width": 400,
     "min_height": 200,
     "max_width": 1920,
     "max_height": 1080,
     "resizable": true,
     "show_in_taskbar": true
  },
  "webkit": {
     "plugin": true,
     "page-cache":false
  }
}

2、 创建.nw后缀文件,内容如下:

   A、 package.json 压缩成.zip文件后,随意命名,ag:nw-testone.zip;

   B、 将nw-testone.zip压缩包修改为nw-testone.nw文件;

3、开启壳子:  

    A、将G:\workField\nw-testone\nw-testone.nw文件包拷贝到G:\workField\nwjs-sdk-v0.35.5-win-x64目录下;

    B、在G:\workField\nwjs-sdk-v0.35.5-win-x64目录下开启cmd命令窗口,执行copy /b nw.exe+nw-testone.nw nw-testone.exe回车;此时目录内容截图如下:

     

   C、将nw-testone.nw文件 拖拽到nw上,或者nw-testone.exe双击即可打开一个壳子,访问的百度网站。

 

后续步骤: 请参考 https://www.cnblogs.com/wanggang2016/p/10316213.html,经试验可行。