椤圭洰浠嬬粛锛歟lectron-vChat鑱婂ぉ鏄熀浜巈lectron+electron-vue+vue+vuex+Nodejs+vue-router绛夋妧鏈紑鍙戠殑楂樹豢寰俊pc瀹㈡埛绔€傜晫闈㈣亰澶╁椤圭洰瀹炵幇娑堟伅鍙戦€?琛ㄦ儏銆佸浘鐗?瑙嗛棰勮銆佹嫋鎷戒笂浼?绮樿创鎴浘鍙戦€?寰俊dll鎴浘銆佸彸閿彍鍗曘€佹湅鍙嬪湀/绾㈠寘/鎹㈣偆绛夊姛鑳介瑙堝浘鐗?鎶€鏈鏋?搴旂敤鎶€鏈?electron+electron-vue+vue鐘舵€佺鐞?Vuex鍦板潃璺敱:Vue-router瀛椾綋鍥炬爣:闃块噷iconfont瀛椾綋鍥炬爣搴撳脊绐楁彃浠?wcPop鎵撳寘宸ュ叿:electron-builder鍥剧墖棰勮:vue-photo-preview瑙嗛缁勪欢锛歷ue-video-player濡備笂鍥撅細鍙互鑷敱鍒囨崲妗岄潰鑱婂ぉ鑳屾櫙鐨偆Electron鏄疓ithub寮€鍙戠殑寮€婧愬簱锛屼娇鐢℉TML銆丆SS鍜孞avaScript鏋勫缓璺ㄥ钩鍙版闈㈠簲鐢?https://electronjs.org/鑷充簬濡備綍鎼缓寮€鍙戠幆澧冨拰浣跨敤electron-vue锛屽彲浠ュ弬鑰冨畼缃戝拰鎼滅储璧勬枡锛屽熀浜巚ue璇硶鏋勫缓electron搴旂敤鐨勭ず渚嬩唬鐮併€俬ttps://electron.org.cn/vue/i...https://simulatedgreg.gitbook...electron涓绘祦绋嬶細鍒涘缓鍜岄厤缃甧lectron涓€氳繃BrowserWindow瀵硅薄鍒涘缓鍜屾帶鍒舵祻瑙堝櫒绐楀彛鏈塵ainsrc鐩綍,renderer涓や釜鏂囦欢澶癸紝鍒嗗埆鏄富杩涚▼鍜屾覆鏌撹繘绋嬶紝鍙渶瑕佷慨鏀归厤缃獥鍙ｄ腑鐨剆rc/main/index.js鏂囦欢鍗冲彲銆俵etmainWinlettrayletforceQuit=falseletloggedin=false/***鍒涘缓涓荤獥鍙?==============================================*/functioncreateMainWin(){mainWin=newBrowserWindow({//鑳屾櫙棰滆壊//backgroundColor:'#ebebeb',width:Common.WIN_SIZE_MAIN.width,height:Common.WIN_SIZE_MAIN.height,title:Common.WIN_TITLE,useContentSize:true,autoHideMenuBar:true,//鏃犺竟妗嗙獥鍙rame:false,resizable:true,//鍒涘缓绐楀彛鏃舵槸鍚︽樉绀猴紝榛樿鍊间负trueshow:false,webPreferences:{//devTools:false,webSecurity:false}})mainWin.setMenu(null)mainWin.loadURL(Common.WIN_LOAD_URL())mainWin.once('ready-to-show',()=>{mainWin.show()mainWin.focus()})//鐐瑰嚮鍏抽棴鏈€灏忓埌鎵樼洏鍒ゆ柇mainWin.on('close',(e)=>{if(logined&&!forceQuit){e.preventDefault()mainWin.hide()}else{mainWin=nullapp.quit()}})...apptray.createTray()}app.on('ready',createMainWin)app.on('activate',()=>{if(mainWin===null){createMainWin()}})...electron鍒涘缓鎵樼洏鍥炬爣锛屾墭鐩樺浘鏍囬棯鐑侊紝鏈€灏忓寲鍒版墭鐩橈紝鎵樼洏鍙抽敭/***鎵樼洏鍥炬爣浜嬩欢*/letflashTrayTimer=nulllettrayIco1=`${__static}/icon.ico`lettrayIco2=`${__static}/empty.ico`letapptray={//鍒涘缓鎵樼洏鍥炬爣createTray(){tray=newTray(trayIco1)constmenu=Menu.buildFromTemplate([{label:'鎵撳紑涓籭nterface',icon:`${__static}/tray-ico1.png`,鐐瑰嚮:()=>{if(mainWin.isMinimized())mainWin.restore()mainWin.show()mainWin.focus()this.flashTray(false)}},{label:'About',},{label:'閫€鍑?,鐐瑰嚮:()=>{if(process.platform!=='darwin'){mainWin.show()//娓呴櫎鐧诲綍淇℃伅mainWin.webContents.send('clearLoggedInfo')forceQuit=truemainWin=nullapp.quit()}}},])tray.setContextMenu(menu)tray.setToolTip('electron-vchatv1.0.0')//鎵樼洏鐐瑰嚮浜嬩欢tray.on('click',()=>{if(mainWin.isMinimized())mainWin.restore()mainWin.show()mainWin.focus()this.flashTray(false)})},//鎵樼洏鍥炬爣flashflashTray(flash){lethasIco=falseif(flash){if(flashTrayTimer)杩斿洖flashTrayTimer=setInterval(()=>{tray.setImage(hasIco?trayIco1:trayIco2)hasIco=!hasIco},500)}else{if(flashTrayTimer){clearInterval(flashTrayTimer)flashTrayTimer=null}tray.setImage(trayIco1)}},//閿€姣佹墭鐩樺浘鏍嘾estroyTray(){this.flashTray(false)tray.destroy()tray=null}}鐐瑰嚮绐楀彛鍏抽棴锛岀洃鍚琧lose浜嬩欢,骞跺垽鏂槸鍚︽渶灏忓寲鍒版墭鐩?/鐐瑰嚮鍏抽棴鏈€灏忓寲鍒版墭鐩樺垽鏂璵ainWin.on('close',(e)=>{if(logined&&!forceQuit){e.preventDefault()mainWin.hide()}else{mainWin=nullapp.quit()}})electron娓叉煋杩囩▼锛氫富鍏ュ彛椤甸潰閰嶇疆/***@Desc涓诲叆鍙ｉ〉闈S*@aboutQ:282310962wx:xy190310*/importVuefrom'vue'importaxiosfrom'axios'importAppfrom'./App'importrouterfrom'./router'importstorefrom'./store'//瀵煎叆缁勪欢閰嶇疆import$componentsfrom'./components'Vue.use($components)if(!process.env.IS_WEB)Vue.use(require('vue-electron'))Vue.http=Vue.prototype.$http=axios/*eslint-disableno-new*/newVue({components:{App},router,store,template:'
