要将 React Web 应用程序作为 Windows 桌面应用程序运行,您可以使用 Electron 等框架。Electron 允许您使用 Web 技术(包括 React)构建跨平台桌面应用程序。
以下是有关如何执行此操作的分步指南:
第 1 步:设置您的 React 项目 确保您有一个可用的 React 项目
如果不这样做,您可以使用 Create React App 或任何其他 React 项目样板文件创建一个新应用程序。
步骤 2:安装 Electron 在项目目录中
打开命令提示符或终端并运行以下命令将 Electron 安装为开发依赖项:
npm install --save-dev electron
步骤 3:创建 Electron 主进程文件main.js在项目的根目录中创建一个名为的新文件
该文件将作为您的 Electron 应用程序的入口点。
将以下代码添加到main.js:
const { app, BrowserWindow } = require('electron');
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: false,
},
});
win.loadURL('http://localhost:3000'); // Replace with your React app URL
//