refactor(electron): 优化应用启动和资源路径

- 更新应用图标路径,使用 src/assets 目录下的图标文件
- 重构应用启动逻辑,确保在不同环境下正确加载 HTML 文件
- 优化文件选择对话框的代码结构
- 在 vite 配置中添加 base 路径设置
This commit is contained in:
2025-08-05 23:55:06 +08:00
parent 40ca642c07
commit 5c57841cd9
3 changed files with 66 additions and 67 deletions

View File

@@ -42,11 +42,11 @@ function createWindow() {
height: 900, height: 900,
minWidth: 800, minWidth: 800,
minHeight: 600, minHeight: 600,
icon: path.join(__dirname, '../public/AUTO_MAA.ico'), // 设置应用图标 icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'), // 设置应用图标
webPreferences: { webPreferences: {
preload: path.join(__dirname, 'preload.js'), preload: path.join(__dirname, 'preload.js'),
nodeIntegration: false, nodeIntegration: false,
contextIsolation: true contextIsolation: true,
}, },
// 隐藏菜单栏 // 隐藏菜单栏
autoHideMenuBar: true, autoHideMenuBar: true,
@@ -60,7 +60,8 @@ function createWindow() {
mainWindow.loadURL(devServer); mainWindow.loadURL(devServer);
} }
else { else {
mainWindow.loadFile(path.join(__dirname, '../dist/index.html')); const indexHtmlPath = path.join(electron_1.app.getAppPath(), 'dist', 'index.html');
mainWindow.loadFile(indexHtmlPath);
} }
mainWindow.on('closed', () => { mainWindow.on('closed', () => {
mainWindow = null; mainWindow = null;
@@ -79,7 +80,7 @@ electron_1.ipcMain.handle('select-folder', async () => {
return null; return null;
const result = await electron_1.dialog.showOpenDialog(mainWindow, { const result = await electron_1.dialog.showOpenDialog(mainWindow, {
properties: ['openDirectory'], properties: ['openDirectory'],
title: '选择文件夹' title: '选择文件夹',
}); });
if (result.canceled) { if (result.canceled) {
return null; return null;
@@ -93,9 +94,7 @@ electron_1.ipcMain.handle('select-file', async (event, filters = []) => {
const result = await electron_1.dialog.showOpenDialog(mainWindow, { const result = await electron_1.dialog.showOpenDialog(mainWindow, {
properties: ['openFile'], properties: ['openFile'],
title: '选择文件', title: '选择文件',
filters: filters.length > 0 ? filters : [ filters: filters.length > 0 ? filters : [{ name: '所有文件', extensions: ['*'] }],
{ name: '所有文件', extensions: ['*'] }
]
}); });
if (result.canceled) { if (result.canceled) {
return null; return null;

View File

@@ -4,87 +4,86 @@ import * as path from 'path'
let mainWindow: BrowserWindow | null = null let mainWindow: BrowserWindow | null = null
function createWindow() { function createWindow() {
mainWindow = new BrowserWindow({ mainWindow = new BrowserWindow({
width: 1600, width: 1600,
height: 900, height: 900,
minWidth: 800, minWidth: 800,
minHeight: 600, minHeight: 600,
icon: path.join(__dirname, '../public/AUTO_MAA.ico'), // 设置应用图标 icon: path.join(__dirname, '../src/assets/AUTO_MAA.ico'), // 设置应用图标
webPreferences: { webPreferences: {
preload: path.join(__dirname, 'preload.js'), preload: path.join(__dirname, 'preload.js'),
nodeIntegration: false, nodeIntegration: false,
contextIsolation: true contextIsolation: true,
}, },
// 隐藏菜单栏 // 隐藏菜单栏
autoHideMenuBar: true, autoHideMenuBar: true,
// 或者完全移除菜单栏(推荐) // 或者完全移除菜单栏(推荐)
// menuBarVisible: false // menuBarVisible: false
}) })
// 完全移除菜单栏 // 完全移除菜单栏
mainWindow.setMenuBarVisibility(false) mainWindow.setMenuBarVisibility(false)
const devServer = process.env.VITE_DEV_SERVER_URL const devServer = process.env.VITE_DEV_SERVER_URL
if (devServer) { if (devServer) {
mainWindow.loadURL(devServer) mainWindow.loadURL(devServer)
} else { } else {
mainWindow.loadFile(path.join(__dirname, '../dist/index.html')) const indexHtmlPath = path.join(app.getAppPath(), 'dist', 'index.html')
} mainWindow.loadFile(indexHtmlPath)
}
mainWindow.on('closed', () => { mainWindow.on('closed', () => {
mainWindow = null mainWindow = null
}) })
} }
// 处理开发者工具请求 // 处理开发者工具请求
ipcMain.handle('open-dev-tools', () => { ipcMain.handle('open-dev-tools', () => {
if (mainWindow) { if (mainWindow) {
// 在新窗口中打开开发者工具 // 在新窗口中打开开发者工具
mainWindow.webContents.openDevTools({ mode: 'undocked' }) mainWindow.webContents.openDevTools({ mode: 'undocked' })
} }
}) })
// 处理文件夹选择请求 // 处理文件夹选择请求
ipcMain.handle('select-folder', async () => { ipcMain.handle('select-folder', async () => {
if (!mainWindow) return null if (!mainWindow) return null
const result = await dialog.showOpenDialog(mainWindow, { const result = await dialog.showOpenDialog(mainWindow, {
properties: ['openDirectory'], properties: ['openDirectory'],
title: '选择文件夹' title: '选择文件夹',
}) })
if (result.canceled) { if (result.canceled) {
return null return null
} }
return result.filePaths[0] return result.filePaths[0]
}) })
// 处理文件选择请求 // 处理文件选择请求
ipcMain.handle('select-file', async (event, filters = []) => { ipcMain.handle('select-file', async (event, filters = []) => {
if (!mainWindow) return null if (!mainWindow) return null
const result = await dialog.showOpenDialog(mainWindow, { const result = await dialog.showOpenDialog(mainWindow, {
properties: ['openFile'], properties: ['openFile'],
title: '选择文件', title: '选择文件',
filters: filters.length > 0 ? filters : [ filters: filters.length > 0 ? filters : [{ name: '所有文件', extensions: ['*'] }],
{ name: '所有文件', extensions: ['*'] } })
]
})
if (result.canceled) { if (result.canceled) {
return null return null
} }
return result.filePaths[0] return result.filePaths[0]
}) })
app.whenReady().then(createWindow) app.whenReady().then(createWindow)
app.on('window-all-closed', () => { app.on('window-all-closed', () => {
if (process.platform !== 'darwin') app.quit() if (process.platform !== 'darwin') app.quit()
}) })
app.on('activate', () => { app.on('activate', () => {
if (mainWindow === null) createWindow() if (mainWindow === null) createWindow()
}) })

View File

@@ -5,6 +5,7 @@ import path from 'path'
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [vue()], plugins: [vue()],
base: './',
resolve: { resolve: {
extensions: ['.js', '.ts', '.vue', '.json'], extensions: ['.js', '.ts', '.vue', '.json'],
alias: { alias: {