Nodejs 跪求 node-webkit native api 啊

Nodejs 跪求 node-webkit native api 啊

node webkit 使用手册有木有 猜着写东西太难受了！

5 回复

当然可以。node-webkit（现在通常称为NW.js）是一个非常强大的框架，它允许你使用HTML、CSS和JavaScript来构建跨平台的桌面应用，并且能够直接访问系统的原生API。

Node.js 和 NW.js 的结合

在NW.js中，你可以轻松地将Node.js的功能与Web技术结合起来。这意味着你不仅可以编写前端代码，还可以利用Node.js的强大功能来处理后端逻辑，比如文件系统操作、网络请求等。更重要的是，NW.js提供了对原生API的访问，这使得开发具有高度交互性的桌面应用程序变得更加容易。

示例代码

假设你想创建一个简单的应用程序，该应用程序可以读取用户电脑上的文件。下面是一个基本的例子：

  1. 安装 NW.js

    首先，你需要下载并安装NW.js。你可以从其官方网站下载预编译好的版本，或者通过npm安装：

    npm install nw

  2. 创建项目结构

    创建一个文件夹，然后在这个文件夹中创建以下文件：

    • index.html
    • package.json
    • app.js

  3. 编写 HTML 文件 (index.html)

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NW.js Example</title>
</head>
<body>
    <h1>Read File Example</h1>
    <button id="readFileButton">Read File</button>
    <pre id="fileContent"></pre>

    <script src="app.js"></script>
</body>
</html>

  4. 编写 package.json

    {
  "name": "nw-demo",
  "main": "index.html"
}

  5. 编写 JavaScript 文件 (app.js)

    document.getElementById('readFileButton').addEventListener('click', function() {
    var fs = require('fs');
    var path = 'path/to/your/file.txt';

    fs.readFile(path, 'utf8', function(err, data) {
        if (err) throw err;
        document.getElementById('fileContent').textContent = data;
    });
});

解释

  • 在package.json中，我们指定了应用程序的主要入口点为index.html。
  • index.html包含了一个按钮，当点击时会触发app.js中的事件处理器。
  • app.js使用Node.js的fs模块来读取文件内容，并将其显示在页面上。

这样，你就有了一个简单的NW.js应用，它可以读取本地文件并在窗口中显示内容。希望这能帮助你开始使用NW.js进行开发！


蛋定楼煮。 你要的这里都有 https://github.com/rogerwang/node-webkit/wiki/_pages

非常感谢

我在那里wiki那里翻来覆去好几遍都没发现这个好东西……
我想问的都包括了……
感激不尽！

关于“Node.js 跪求 node-webkit native api 啊”的问题，可以理解为你正在寻求如何使用 Node-WebKit（现称为 NW.js）来调用原生 API。NW.js 是一个可以让开发者使用 HTML, CSS 和 JavaScript 来构建桌面应用程序的框架，并且它提供了丰富的原生 API 接口。

示例代码

以下是一些基本的示例代码，展示如何在 NW.js 中使用原生 API：

1. 获取当前窗口的信息

// 获取当前窗口对象
var gui = require('nw.gui');
var win = gui.Window.get();

console.log("Window width: " + win.width);
console.log("Window height: " + win.height);

2. 创建系统托盘图标

var gui = require('nw.gui');
var tray = new gui.Tray({ title: 'My App', icon: './icon.png' });
tray.tooltip = 'My Application';

3. 打开文件对话框

var gui = require('nw.gui');
var fs = require('fs');

var openFileButton = document.getElementById('open-file');
openFileButton.addEventListener('click', function() {
    var myfs = gui.Shell.showOpenDialog();
    if (myfs) {
        fs.readFile(myfs[0], 'utf8', function(err, data) {
            console.log(data);
        });
    }
});

解释

  • 获取当前窗口信息：通过 require('nw.gui') 引入 GUI 模块，然后使用 gui.Window.get() 获取当前窗口对象，并访问其属性如宽度 (win.width) 和高度 (win.height)。

  • 创建系统托盘图标：首先引入 GUI 模块，然后使用 new gui.Tray({...}) 创建一个新的系统托盘图标，并设置标题和图标路径。

  • 打开文件对话框：利用 showOpenDialog() 方法显示文件选择对话框，用户可以选择一个或多个文件。如果用户选择了文件，你可以读取这些文件的内容。

以上示例展示了如何在 NW.js 中使用一些基础的原生 API。你可以根据需要进一步探索更多的 API 文档以满足具体需求。

希望这些示例能帮助你开始使用 NW.js 的原生 API。如果你有更具体的需求或遇到任何问题，欢迎继续提问！

回到顶部