美文网首页
windows下基于nw浏览器制作(入门)

windows下基于nw浏览器制作(入门)

作者: Pale_Eyes | 来源:发表于2017-10-09 14:35 被阅读0次

    说明:这一块是在上一家公司离职前了解的,但是产品进度很慢,没有做到这里,我简单了解一下,这里只是做一个最简单的实例。

    一、简介

    nw.js(node-webkit)的windows环境快速生成可执行exe文件,类似于自己的浏览器一样。nw本身还是有很多其他的深入的东西,此处只是windows操作系统下下最简单的例子。

    二、环境工具

    1.nw的sdk:nwjs-v0.24.4-win-x64.zip(nwjs开发环境)
    官网 https://nwjs.io/
    2.Enigma Virtual Box(windows打包的):
    官网 http://enigmaprotector.com
    3.resourcehacker(关于ico替换的)
    官网 http://www.angusj.com/resourcehacker/

    三、具体操作

    1.书写package.json如:(sdk目录下)

    {
      "name": "test",
      "main": "http://www.baidu.com"
    }
    

    2.生成.nw文件(sdk目录下)
    windows下将需要一起打包的文件(如:index.html、package.json等,这里我没有把main指向一个本地的index.html,只是指向百度)压缩为zip,然后重命名为.nw(如 app.nw)文件即可
    注意:这一步简单但是容易错,如果有index.html等或者和我一样就一个.json都一样的,打包的所有文件无父目录
    3.生成第一个exe文件(只能在工作环境下运行)
    在sdk目录下执行 copy /b nw.exe+app.nw app.exe
    注意:这一步也简单 copy /b nw.exe+app.nw app.exe不要把nw.exe+app.nw搞反了哦,反了是不行的哦。
    4.替换ico
    使用resourcehacker打开刚刚的exe
    如图icon group出右击操作,替换ico,然后另存为即可得到新的exe文件


    5.打包成可发布exe
    使用Enigma Virtual Box,将sdk的子目录拖进来,然后add除了自己用户产生的文件然后process之后就得到可以在windows环境下运行的exe文件

    PS:本文只做个人学习记录使用,若有问题请给我留言

    相关文章

      网友评论

          本文标题:windows下基于nw浏览器制作(入门)

          本文链接:https://www.haomeiwen.com/subject/kxxpyxtx.html