Nodejs相关：node-webkit可以跑在树莓派上吗？

Nodejs相关：node-webkit可以跑在树莓派上吗？

5 回复

Nodejs相关：node-webkit可以跑在树莓派上吗？

Node-Webkit（也称为NW.js）是一个流行的框架，它允许开发者使用HTML、CSS和JavaScript来构建跨平台的桌面应用程序。那么，Node-Webkit是否可以在树莓派上运行呢？答案是肯定的。

1. 环境准备

首先，你需要确保你的树莓派已经安装了最新的Raspbian系统，并且已经更新到最新状态。你可以通过以下命令来更新：

sudo apt-get update
sudo apt-get upgrade

2. 安装Node.js

Node.js是Node-Webkit的基础，因此需要先安装Node.js。你可以从Node.js官方网站下载适用于ARM架构的版本，或者使用包管理器直接安装：

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

这将安装一个较新版本的Node.js，适合大多数现代应用。

3. 安装Node-Webkit

接下来，你需要下载Node-Webkit的二进制文件。你可以从官方GitHub仓库中找到适用于ARM架构的版本：

wget https://github.com/nwjs/nw.js/releases/download/v0.54.0/nwjs-v0.54.0-linux-armv7l.tar.gz
tar -xvf nwjs-v0.54.0-linux-armv7l.tar.gz

4. 创建一个简单的Node-Webkit应用

现在，我们创建一个简单的Node-Webkit应用。首先，创建一个目录并进入该目录：

mkdir myapp
cd myapp

然后，创建一个简单的HTML文件 index.html：

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
</head>
<body>
    <h1>Hello, Node-Webkit on Raspberry Pi!</h1>
</body>
</html>

同时，创建一个 package.json 文件，用于配置应用的基本信息：

{
  "name": "myapp",
  "main": "index.html"
}

5. 运行应用

最后，使用Node-Webkit运行你的应用：

./nw .

你应该会看到一个窗口弹出，显示你刚刚创建的HTML页面。

结论

通过以上步骤，你可以在树莓派上成功运行Node-Webkit应用。这为开发人员提供了一个强大的工具，可以在树莓派这样的低功耗设备上构建丰富的桌面应用。


你认为那性能，会有什么好效果么。。

issue 貌似有人提过这个问题…

可以的

Nodejs相关：node-webkit可以跑在树莓派上吗？

回答：

是的，Node-WebKit（现在称为Electron）可以在树莓派上运行。不过需要注意的是，由于树莓派的硬件资源有限，可能需要对Electron进行一些优化。

示例代码：

首先，你需要确保你的树莓派已经安装了Node.js。你可以通过以下命令来安装Node.js：

curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt-get install -y nodejs

然后，你可以使用npm（Node.js包管理器）来安装Electron。以下是一些基本步骤：

  1. 创建一个新的项目文件夹，并进入该文件夹：

    mkdir my-electron-app
cd my-electron-app

  2. 初始化一个新的Node.js项目：

    npm init -y

  3. 安装Electron：

    npm install electron --save-dev

  4. 在项目的根目录下创建一个main.js文件，这是Electron应用程序的入口点：

    const { app, BrowserWindow } = require('electron');

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  win.loadFile('index.html');
}

app.whenReady().then(() => {
  createWindow();

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow();
    }
  });
});

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

  5. 创建一个简单的HTML文件index.html：

    <!DOCTYPE html>
<html>
<head>
  <title>Electron App</title>
</head>
<body>
  <h1>Hello, Electron!</h1>
</body>
</html>

  6. 运行Electron应用：

    npx electron .

通过上述步骤，你可以在树莓派上成功运行一个基本的Electron应用。注意，对于更复杂的项目，你可能需要进一步调整配置以适应树莓派的硬件限制。

回到顶部