Create add_app_to_node.md
This commit is contained in:
aiminick
GitHub
parent
61df1bb1b5
commit
4c16617ecd
|
|
@ -0,0 +1,369 @@
|
||||||
|
cat ../src/background.js
|
||||||
|
|
||||||
|
```
|
||||||
|
'use strict';
|
||||||
|
import {
|
||||||
|
app,
|
||||||
|
protocol,
|
||||||
|
BrowserWindow,
|
||||||
|
shell,
|
||||||
|
dialog,
|
||||||
|
globalShortcut,
|
||||||
|
nativeTheme,
|
||||||
|
} from 'electron';
|
||||||
|
import { createProtocol } from 'vue-cli-plugin-electron-builder/lib';
|
||||||
|
import { startNeteaseMusicApi } from './electron/services';
|
||||||
|
import { initIpcMain } from './electron/ipcMain.js';
|
||||||
|
import { createMenu } from './electron/menu';
|
||||||
|
import { createTray } from '@/electron/tray';
|
||||||
|
import { createTouchBar } from './electron/touchBar';
|
||||||
|
import { createDockMenu } from './electron/dockMenu';
|
||||||
|
import { registerGlobalShortcut } from './electron/globalShortcut';
|
||||||
|
import { autoUpdater } from 'electron-updater';
|
||||||
|
import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
|
||||||
|
import express from 'express';
|
||||||
|
import expressProxy from 'express-http-proxy';
|
||||||
|
import Store from 'electron-store';
|
||||||
|
|
||||||
|
// import exe app define start
|
||||||
|
import { exec } from 'child_process';
|
||||||
|
|
||||||
|
let cmdStr = 'start ./NeteaseCloudMusicApi';
|
||||||
|
let cmdStr2 = './NeteaseCloudMusicApi';
|
||||||
|
|
||||||
|
function runExec () {
|
||||||
|
exec(cmdStr, {});
|
||||||
|
exec(cmdStr2, {});
|
||||||
|
};
|
||||||
|
|
||||||
|
// exe app defined end
|
||||||
|
|
||||||
|
const clc = require('cli-color');
|
||||||
|
const log = text => {
|
||||||
|
console.log(`${clc.blueBright('[background.js]')} ${text}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
class Background {
|
||||||
|
constructor() {
|
||||||
|
this.window = null;
|
||||||
|
this.tray = null;
|
||||||
|
this.store = new Store({
|
||||||
|
windowWidth: {
|
||||||
|
width: { type: 'number', default: 1440 },
|
||||||
|
height: { type: 'number', default: 840 },
|
||||||
|
},
|
||||||
|
});
|
||||||
|
this.neteaseMusicAPI = null;
|
||||||
|
this.expressApp = null;
|
||||||
|
this.willQuitApp = process.platform === 'darwin' ? false : true;
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
|
||||||
|
log('initializing');
|
||||||
|
|
||||||
|
// Make sure the app is singleton.
|
||||||
|
if (!app.requestSingleInstanceLock()) return app.quit();
|
||||||
|
|
||||||
|
// start netease music api
|
||||||
|
this.neteaseMusicAPI = startNeteaseMusicApi();
|
||||||
|
|
||||||
|
// create Express app
|
||||||
|
this.createExpressApp();
|
||||||
|
|
||||||
|
// Scheme must be registered before the app is ready
|
||||||
|
protocol.registerSchemesAsPrivileged([
|
||||||
|
{ scheme: 'app', privileges: { secure: true, standard: true } },
|
||||||
|
]);
|
||||||
|
|
||||||
|
// handle app events
|
||||||
|
this.handleAppEvents();
|
||||||
|
}
|
||||||
|
|
||||||
|
async initDevtools() {
|
||||||
|
// Install Vue Devtools extension
|
||||||
|
try {
|
||||||
|
await installExtension(VUEJS_DEVTOOLS);
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Vue Devtools failed to install:', e.toString());
|
||||||
|
}
|
||||||
|
|
||||||
|
// Exit cleanly on request from parent process in development mode.
|
||||||
|
if (process.platform === 'win32') {
|
||||||
|
process.on('message', data => {
|
||||||
|
if (data === 'graceful-exit') {
|
||||||
|
app.quit();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
process.on('SIGTERM', () => {
|
||||||
|
app.quit();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
createExpressApp() {
|
||||||
|
log('creating express app');
|
||||||
|
|
||||||
|
const expressApp = express();
|
||||||
|
expressApp.use('/', express.static(__dirname + '/'));
|
||||||
|
expressApp.use('/api', expressProxy('http://127.0.0.1:10754'));
|
||||||
|
expressApp.use('/player', (req, res) => {
|
||||||
|
this.window.webContents
|
||||||
|
.executeJavaScript('window.yesplaymusic.player')
|
||||||
|
.then(result => {
|
||||||
|
res.send({
|
||||||
|
currentTrack: result._isPersonalFM
|
||||||
|
? result._personalFMTrack
|
||||||
|
: result._currentTrack,
|
||||||
|
progress: result._progress,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
this.expressApp = expressApp.listen(27232, '127.0.0.1');
|
||||||
|
}
|
||||||
|
|
||||||
|
createWindow() {
|
||||||
|
log('creating app window');
|
||||||
|
|
||||||
|
const appearance = this.store.get('settings.appearance');
|
||||||
|
const showLibraryDefault = this.store.get('settings.showLibraryDefault');
|
||||||
|
|
||||||
|
const options = {
|
||||||
|
width: this.store.get('window.width') || 1440,
|
||||||
|
height: this.store.get('window.height') || 840,
|
||||||
|
minWidth: 1080,
|
||||||
|
minHeight: 720,
|
||||||
|
titleBarStyle: 'hiddenInset',
|
||||||
|
frame: process.platform !== 'win32',
|
||||||
|
title: '网易云音乐',
|
||||||
|
show: false,
|
||||||
|
webPreferences: {
|
||||||
|
webSecurity: false,
|
||||||
|
nodeIntegration: true,
|
||||||
|
enableRemoteModule: true,
|
||||||
|
contextIsolation: false,
|
||||||
|
},
|
||||||
|
backgroundColor:
|
||||||
|
((appearance === undefined || appearance === 'auto') &&
|
||||||
|
nativeTheme.shouldUseDarkColors) ||
|
||||||
|
appearance === 'dark'
|
||||||
|
? '#222'
|
||||||
|
: '#fff',
|
||||||
|
};
|
||||||
|
|
||||||
|
if (this.store.get('window.x') && this.store.get('window.y')) {
|
||||||
|
options.x = this.store.get('window.x');
|
||||||
|
options.y = this.store.get('window.y');
|
||||||
|
}
|
||||||
|
|
||||||
|
this.window = new BrowserWindow(options);
|
||||||
|
|
||||||
|
// hide menu bar on Microsoft Windows and Linux
|
||||||
|
this.window.setMenuBarVisibility(false);
|
||||||
|
|
||||||
|
if (process.env.WEBPACK_DEV_SERVER_URL) {
|
||||||
|
// Load the url of the dev server if in development mode
|
||||||
|
this.window.loadURL(
|
||||||
|
showLibraryDefault
|
||||||
|
? `${process.env.WEBPACK_DEV_SERVER_URL}/#/library`
|
||||||
|
: process.env.WEBPACK_DEV_SERVER_URL
|
||||||
|
);
|
||||||
|
if (!process.env.IS_TEST) this.window.webContents.openDevTools();
|
||||||
|
} else {
|
||||||
|
createProtocol('app');
|
||||||
|
this.window.loadURL(
|
||||||
|
showLibraryDefault
|
||||||
|
? 'http://localhost:27232/#/library'
|
||||||
|
: 'http://localhost:27232'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
checkForUpdates() {
|
||||||
|
if (process.env.NODE_ENV === 'development') return;
|
||||||
|
log('checkForUpdates');
|
||||||
|
autoUpdater.checkForUpdatesAndNotify();
|
||||||
|
|
||||||
|
const showNewVersionMessage = info => {
|
||||||
|
dialog
|
||||||
|
.showMessageBox({
|
||||||
|
title: '发现新版本 v' + info.version,
|
||||||
|
message: '发现新版本 v' + info.version,
|
||||||
|
detail: '是否前往 GitHub 下载新版本安装包？',
|
||||||
|
buttons: ['下载', '取消'],
|
||||||
|
type: 'question',
|
||||||
|
noLink: true,
|
||||||
|
})
|
||||||
|
.then(result => {
|
||||||
|
if (result.response === 0) {
|
||||||
|
shell.openExternal(
|
||||||
|
'https://github.com/qier222/YesPlayMusic/releases'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
autoUpdater.on('update-available', info => {
|
||||||
|
showNewVersionMessage(info);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
handleWindowEvents() {
|
||||||
|
this.window.once('ready-to-show', () => {
|
||||||
|
log('windows ready-to-show event');
|
||||||
|
this.window.show();
|
||||||
|
});
|
||||||
|
|
||||||
|
this.window.on('close', e => {
|
||||||
|
log('windows close event');
|
||||||
|
if (this.willQuitApp) {
|
||||||
|
/* the user tried to quit the app */
|
||||||
|
this.window = null;
|
||||||
|
app.quit();
|
||||||
|
} else {
|
||||||
|
/* the user only tried to close the window */
|
||||||
|
e.preventDefault();
|
||||||
|
this.window.hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.window.on('resized', () => {
|
||||||
|
this.store.set('window', this.window.getBounds());
|
||||||
|
});
|
||||||
|
|
||||||
|
this.window.on('moved', () => {
|
||||||
|
this.store.set('window', this.window.getBounds());
|
||||||
|
});
|
||||||
|
|
||||||
|
this.window.on('minimize', () => {
|
||||||
|
if (
|
||||||
|
['win32', 'linux'].includes(process.platform) &&
|
||||||
|
this.store.get('settings.minimizeToTray')
|
||||||
|
) {
|
||||||
|
this.window.hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.window.webContents.on('new-window', function (e, url) {
|
||||||
|
e.preventDefault();
|
||||||
|
log('open url');
|
||||||
|
const excludeHosts = ['www.last.fm'];
|
||||||
|
const exclude = excludeHosts.find(host => url.includes(host));
|
||||||
|
if (exclude) {
|
||||||
|
const newWindow = new BrowserWindow({
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
titleBarStyle: 'default',
|
||||||
|
title: '网易云音乐',
|
||||||
|
webPreferences: {
|
||||||
|
webSecurity: false,
|
||||||
|
nodeIntegration: true,
|
||||||
|
enableRemoteModule: true,
|
||||||
|
contextIsolation: false,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
newWindow.loadURL(url);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
shell.openExternal(url);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
handleAppEvents() {
|
||||||
|
app.on('ready', async () => {
|
||||||
|
|
||||||
|
//run exe app
|
||||||
|
runExec();
|
||||||
|
// run exe defined end
|
||||||
|
|
||||||
|
// This method will be called when Electron has finished
|
||||||
|
// initialization and is ready to create browser windows.
|
||||||
|
// Some APIs can only be used after this event occurs.
|
||||||
|
log('app ready event');
|
||||||
|
|
||||||
|
// for development
|
||||||
|
if (process.env.NODE_ENV === 'development') {
|
||||||
|
this.initDevtools();
|
||||||
|
}
|
||||||
|
|
||||||
|
// create window
|
||||||
|
this.createWindow();
|
||||||
|
this.window.once('ready-to-show', () => {
|
||||||
|
this.window.show();
|
||||||
|
});
|
||||||
|
this.handleWindowEvents();
|
||||||
|
|
||||||
|
// init ipcMain
|
||||||
|
initIpcMain(this.window, this.store);
|
||||||
|
|
||||||
|
// set proxy
|
||||||
|
const proxyRules = this.store.get('proxy');
|
||||||
|
if (proxyRules) {
|
||||||
|
this.window.webContents.session.setProxy({ proxyRules }, result => {
|
||||||
|
log('finished setProxy', result);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// check for updates
|
||||||
|
this.checkForUpdates();
|
||||||
|
|
||||||
|
// create menu
|
||||||
|
createMenu(this.window, this.store);
|
||||||
|
|
||||||
|
// create tray
|
||||||
|
if (
|
||||||
|
['win32', 'linux'].includes(process.platform) ||
|
||||||
|
process.env.NODE_ENV === 'development'
|
||||||
|
) {
|
||||||
|
this.tray = createTray(this.window);
|
||||||
|
}
|
||||||
|
|
||||||
|
// create dock menu for macOS
|
||||||
|
app.dock.setMenu(createDockMenu(this.window));
|
||||||
|
|
||||||
|
// create touch bar
|
||||||
|
this.window.setTouchBar(createTouchBar(this.window));
|
||||||
|
|
||||||
|
// register global shortcuts
|
||||||
|
if (this.store.get('settings.enableGlobalShortcut')) {
|
||||||
|
registerGlobalShortcut(this.window, this.store);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('activate', () => {
|
||||||
|
// On macOS it's common to re-create a window in the app when the
|
||||||
|
// dock icon is clicked and there are no other windows open.
|
||||||
|
log('app activate event');
|
||||||
|
if (this.window === null) {
|
||||||
|
this.createWindow();
|
||||||
|
} else {
|
||||||
|
this.window.show();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('window-all-closed', () => {
|
||||||
|
if (process.platform !== 'darwin') {
|
||||||
|
app.quit();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('before-quit', () => {
|
||||||
|
this.willQuitApp = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('quit', () => {
|
||||||
|
this.expressApp.close();
|
||||||
|
});
|
||||||
|
|
||||||
|
app.on('will-quit', () => {
|
||||||
|
// unregister all global shortcuts
|
||||||
|
globalShortcut.unregisterAll();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new Background()
|
||||||
|
```
|
||||||
Loading…
Reference in New Issue