nwjs吧 关注:170贴子:301
  • 10回复贴,共1

【教程】nw.js学习之旅(2)- 第一个桌面应用

只看楼主收藏回复

这里不讲文档,不讲细节,先把自己的兴趣提升起来,做第一个桌面应用试试!


IP属地:四川1楼2015-06-20 17:45回复
    这是一个很简单的程序,输入URL地址,然后点击按钮,获取URL地址对应的网站标题。
    其中涉及到了一个nw.js支持的非常不错功能:跨域。我们先看预览图:


    IP属地:四川2楼2015-06-20 18:05
    收起回复
      好了,我们直接开写。
      首先和node.js模块编写一样,我们创建一个文件夹并进入,然后创建一个package.json文件,用于配置应用的基本信息,这也是必选的。
      {
      "name": "first demo",
      "main": "app.html",
      "author": "FBI总督察@百度nwjs吧",
      "window": {
      "title": "第一个应用",
      "toolbar": false,
      "width": 500,
      "height": 350
      }
      }
      (因为百度贴吧没有代码编辑高亮等功能,这里就最大化的格式美化了~)
      (上面配置的选项我们下一节将仔细讲解。)
      然后同样创建一个app.html文件,这个是package.json中定义的main入口主文件:

      代码很简单吧!其实也就是web的编写,这里重点不是讲解如何编写html,所以不着重写。


      IP属地:四川3楼2015-06-20 18:12
      回复
        最后,我们在当前文件夹下输入nw命令即可启动我们的app!
        如果是windows,直接把文件夹拖到nw.js图标或者exe程序即可执行!你也可以右键采用winrar等压缩成zip格式,然后后缀可以自己更改,如.nw,或者.myapp都是可以的,双击找到运行方式,选择nw.js即可。
        【当然,我们以后会讲解如何打包发布】


        IP属地:四川4楼2015-06-20 18:14
        回复
          Node-Webkit是NodeJS与WebKit技术的融合,提供一个跨Windows、Linux平台的客户端应用开发的底层框架,利用流行的Node.JS来编写应用程序的平台。我们开始手动测试好累啊,完全跟不上。后来引入了Node-Webkit NWJS自动化测试,终于有效完成测试,使测试变得更简单。大家现在都用自动化测试吗?


          5楼2015-12-17 14:07
          收起回复
            楼主,看你说引入node-webkit nwjs自动化测试,你们是怎么进行自动化测试的?我在百度检索NW.JS的自动化测试,几乎没有资料啊


            IP属地:山东6楼2018-01-31 18:45
            收起回复
              楼主有没有做过nw-autoupdater的demo


              IP属地:四川7楼2019-01-10 11:28
              回复
                楼主 能不能请教你一个问题 啊 着急


                IP属地:山东8楼2019-04-18 14:46
                回复