Где разместить код в Electron Apps, чтобы JavaScript работал? - PullRequest
0 голосов
/ 20 декабря 2018

Я пытаюсь получить JavaScript, который я написал в своем электронном приложении.В данный момент я изо всех сил пытаюсь заставить что-либо работать.

Я хочу, чтобы кнопка просто изменила страницу, чтобы показать дату.

Это в HTML.

<button onclick="myne()">PRESS ME</button>

И это в файле index.js .

const {app, BrowserWindow} = require('electron');
const url = require('url')

function boot(){
win = new BrowserWindow()
win.setMenu(null);
win.loadURL(url.format({
    pathname: 'index.html',
    slashes: true
}))

function myne(){
document.write(date());
   }
}

Я просто могу 'получить JavaScript для запуска.Я пытался использовать его как внешний файл, а также пытался написать функцию вне загрузочной функции.

Я также пробовал использовать требуемые JS, но я думаю, что реализовал это неправильно.

1 Ответ

0 голосов
/ 20 декабря 2018

Вы можете следовать приведенному ниже примеру:

main.js

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')

let mainWindow

function createWindow () {
  mainWindow = new BrowserWindow({width: 800, height: 600})
  mainWindow.loadFile('index.html')
  mainWindow.on('closed', function () {
    mainWindow = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow()
  }
})

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <button onclick="myne()">PRESS ME</button>
    <script>
      require('./renderer.js')
    </script>
  </body>
</html>

renderer.js

window.myne = function() {
    document.write(new Date());
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...