refactor(electron): 优化应用启动和资源路径
- 更新应用图标路径,使用 src/assets 目录下的图标文件 - 重构应用启动逻辑,确保在不同环境下正确加载 HTML 文件 - 优化文件选择对话框的代码结构 - 在 vite 配置中添加 base 路径设置
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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()
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user