私は Electron で NightmareJS を使用しています。開発中はすべてが期待どおりに機能します。ただし、アプリケーションを electron パッケージャーでパックすると、nightmareJS コードを実行しようとするたびに新しいウィンドウが表示されます。
私はすでに NightmareJS プロパティshow
を に設定しfalse
ているので、アプリをパッケージ化した後に何が問題なのかわかりません。
3 つのファイルがあります。 main.js
、script.js
およびindex.html
index.html
パッケージ化後にファイルのボタンをクリックすると新しいウィンドウが表示されるのに、開発中ではない理由を教えてください。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button>Click Me</button>
<script>
var electron = require('electron');
var ipcRenderer = electron.ipcRenderer;
document.querySelector('button').addEventListener('click',()=>{
ipcRenderer.send('message','Hello');
});
</script>
</body>
</html>
main.js
const {app, BrowserWindow, ipcMain} = require('electron');
const scraper = require('./js/script')
let win;
function createWindow(){
win = new BrowserWindow({
width:935,
height:513,
frame:false,
resizable:false,
backgroundColor: '#fff'
});
win.loadURL(`file://${__dirname}/index.html`);
win.on('closed', function(){
win = null;
});
}
ipcMain.on('message',(event, data)=>{
scraper.scrape();
});
app.on('ready', createWindow);
app.on('window-all-closed', function(){
if(process.platform !== 'darwin'){
app.quit();
}
});
app.on('activate', function(){
if(win==null){
createWindow();
}
});
script.js
module.exports.scrape = () => {
const Nightmare = require('nightmare')
const nightmare = Nightmare({
show: false,
electronPath: require('electron').app.getPath('exe')
})
nightmare
.goto('https://duckduckgo.com')
.type('#search_form_input_homepage', 'github nightmare')
.click('#search_button_homepage')
.wait('#r1-0 a.result__a')
.evaluate(() => document.querySelector('#r1-0 a.result__a').href)
.end()
.then(console.log)
.catch(error => {
console.error('Search failed:', error)
})
}