From 4c16617ecd775fd7f4139562aff2c29000975d71 Mon Sep 17 00:00:00 2001 From: aiminick Date: Thu, 15 Jul 2021 21:55:15 +0800 Subject: [PATCH] Create add_app_to_node.md --- docs/notes/add_app_to_node.md | 369 ++++++++++++++++++++++++++++++++++ 1 file changed, 369 insertions(+) create mode 100644 docs/notes/add_app_to_node.md diff --git a/docs/notes/add_app_to_node.md b/docs/notes/add_app_to_node.md new file mode 100644 index 0000000..2775a13 --- /dev/null +++ b/docs/notes/add_app_to_node.md @@ -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() +```