node-webkit 环境搭建与基础demo
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了node-webkit 环境搭建与基础demo相关的知识，希望对你有一定的参考价值。
首先去github上面下载（地址），具体更具自己的系统，我的是windows，这里只给出windows的做法
下载windows x64版本
下载之后解压，得到以下东西
为了方便，我们直接在这个目录中建立我们的项目
添加app文件夹，并添加index.html
<html>
<head>
<title>windowdemo</title>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
</head>
<body>
<h1>window api 测试</h1>
<script>
var gui = require(‘nw.gui‘);
var win = gui.Window.get();
win.on(‘minimize‘, function () {
var element = document.createElement(‘div‘);
element.appendChild(document.createTextNode(‘窗口最小化‘));
document.body.appendChild(element);
});
new_win.on(‘focus‘, function () {
var element = document.createElement(‘div‘);
element.appendChild(document.createTextNode(‘新窗口被激活‘));
document.body.appendChild(element);
win.removeAllListeners(‘minimize‘);
});
</script>
</body>
</html>
然后在app文件夹给你们一路下添加package.json
{
"name": "window-demo",
"main": "index.html",
"nodejs":true,
"width":100,
"height":200,
"window": {
"title": "windowdemo",
"toolbar": true,
"width": 800,
"height": 600,
"resizable":true,
"show_in_taskbar":true,
"frame":true,
"kiosk":false
},
"webkit":{
"plugin":true
}
}
其中，name和main是必须配置的，其他的参考官方地址，就是下载页
配置好之后，我们就可以运行我们的应用程序了！运行方式有两种，一种是到app目录下直接将所有文件压缩为app.zip;然后将app.zip拖到nw.exe中运行
第二种就是进入cmd模式
好了，到此就是所有基础的东西；这里贴出完整的所有东西的百度云下载，避免有些朋友不能FQ
链接: http://pan.baidu.com/s/1kU8Eind 密码: wamb
以上是关于node-webkit 环境搭建与基础demo的主要内容，如果未能解决你的问题，请参考以下文章
麒麟系统开发笔记：在国产麒麟系统上搭建宇视摄像头SDK基础环境Demo