ELECTRON-4-PHP 项目教程

ELECTRON-4-PHP 项目教程

ELECTRON-4-PHPAn easiest way to use php in electron项目地址:https://gitcode.com/gh_mirrors/el/ELECTRON-4-PHP

1. 项目的目录结构及介绍

ELECTRON-4-PHP/
├── main.js
├── package.json
├── index.php
├── node_modules/
├── public/
└── ProjectDirectory/

• main.js: 项目的启动文件，负责创建浏览器窗口并加载网页。
• package.json: 项目的配置文件，包含项目的依赖和脚本。
• index.php: 主页文件，用于渲染网页内容。
• node_modules/: 存放项目依赖的模块。
• public/: 存放公共资源文件。
• ProjectDirectory/: 存放现有的PHP项目文件。

2. 项目的启动文件介绍

main.js 是 Electron 应用的主进程文件，负责创建应用窗口并加载网页内容。以下是 main.js 的关键部分：

const { app, BrowserWindow } = require('electron')
const PHPServer = require('php-server-manager')

function createWindow () {
  const server = new PHPServer({
    port: 3000,
    directives: {
      display_errors: 0,
      expose_php: 0
    }
  })
  server.run()

  let mainWindow = new BrowserWindow({
    width: 1024,
    height: 768,
    webPreferences: {
      nodeIntegration: false
    }
  })

  mainWindow.loadURL(`http://${server.host}:${server.port}/ProjectDirectory/index.php`)

  mainWindow.on('closed', function () {
    mainWindow = null
  })
}

app.on('ready', createWindow)

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

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

3. 项目的配置文件介绍

package.json 是 Node.js 项目的配置文件，包含项目的元数据和依赖。以下是 package.json 的关键部分：

{
  "name": "ELECTRON-4-PHP",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "dependencies": {
    "electron": "^12.0.0",
    "php-server-manager": "^1.0.0"
  }
}

• name: 项目的名称。
• version: 项目的版本。
• main: 项目的启动文件。
• scripts: 包含可执行的脚本命令，如 npm start。
• dependencies: 项目依赖的模块。

通过以上内容，您可以了解 ELECTRON-4-PHP 项目的基本结构、启动文件和配置文件。希望这篇教程对您有所帮助！

ELECTRON-4-PHPAn easiest way to use php in electron项目地址:https://gitcode.com/gh_mirrors/el/ELECTRON-4-PHP