這一節完善點擊添加按鈕,add.js發送消息給主進程,主進程緩存保留音樂信息並命令index.js頁面進行渲染的整塊邏輯javascript
以前已經給導入音樂按鈕添加了id爲add-music,因此直接編輯ad.jsjava
$('add-music').addEventListener('click',() => { ipcRenderer.send('add-track', musicFilesPath) //musicFilesPath是以前已經獲取到的文件路徑數據
})
以後在main.js中添加ipc監聽事件緩存
const DataStore = require('./MusicDataStore')//引入自定義的添加音樂封裝模塊 const myStore = new DataStore({'name':'MusicData'}) ipcMain.on('add-track',(event, tracks) => { const updataedTrack = myStore.addTracks(tracks).getTrack()//鏈式調用 console.log(updataedTrack) })