Astilectron 项目教程

Astilectron 项目教程

astilectronElectron app that provides an API over a TCP socket that allows executing Electron's method as well as capturing Electron's events项目地址:https://gitcode.com/gh_mirrors/as/astilectron

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

Astilectron 项目的目录结构如下：

astilectron/
├── src/
│   ├── gosession/
│   ├── gosession_test/
│   ├── gosub_menu/
│   ├── gosub_menu_test/
│   ├── gotray/
│   ├── gotray_test/
│   ├── gowindow/
│   ├── gowindow_test/
│   ├── gowriter/
│   ├── gowriter_test/
│   └── ...
├── .gitignore
├── LICENSE
├── README.md
├── index.js
├── main.js
├── package.json
└── ...

目录结构介绍

• src/：包含项目的源代码文件，如 gosession, gosub_menu, gotray, gowindow 等。
• .gitignore：指定 Git 版本控制系统忽略的文件和目录。
• LICENSE：项目的开源许可证文件。
• README.md：项目的说明文档。
• index.js：项目的入口文件之一。
• main.js：项目的主逻辑文件。
• package.json：项目的配置文件，包含依赖项、脚本等信息。

2. 项目的启动文件介绍

main.js

main.js 是 Astilectron 项目的主启动文件，负责初始化和启动 Electron 应用。以下是 main.js 的主要内容：

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('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

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

index.js

index.js 是项目的入口文件之一，通常用于处理前端逻辑。以下是 index.js 的示例内容：

document.addEventListener('DOMContentLoaded', () => {
  const button = document.createElement('button')
  button.textContent = 'Click me'
  document.body.appendChild(button)

  button.addEventListener('click', () => {
    alert('Button clicked!')
  })
})

3. 项目的配置文件介绍

package.json

package.json 是项目的配置文件，包含项目的元数据、依赖项、脚本等信息。以下是 package.json 的示例内容：

{
  "name": "astilectron",
  "version": "1.0.0",
  "description": "Build cross-platform GUI apps with GO and HTML/JS/CSS",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "dependencies": {
    "electron": "^12.0.0"
  },
  "author": "asticode",
  "license": "MIT"
}

配置文件介绍

• name：项目的名称。
• version：项目的版本号。
• description：项目的描述。
• main：指定主启动文件。
• scripts：定义可执行的脚本命令，如 start 命令用于启动项目。
• dependencies：项目的依赖项，如 electron。
• author：项目的作者。
• license：项目的开源许可证。

以上是 Astilectron 项目的目录结构、启动文件和配置文件的详细介绍。希望这份教程能帮助你更好地理解和使用 Astilectron 项目。

astilectronElectron app that provides an API over a TCP socket that allows executing Electron's method as well as capturing Electron's events项目地址:https://gitcode.com/gh_mirrors/as/astilectron