nwjs吧 关注:170贴子:301
  • 3回复贴,共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
        回复