Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Electron: Edit Package - Json

    Загружено:

    Student Ibrahim Wazir
    15 просмотров3 страницы
    Electron JS

    Оригинальное название

    Electron

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    Electron JS

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    15 просмотров3 страницы

    Electron: Edit Package - Json

    Загружено:

    Student Ibrahim Wazir
    Electron JS

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    Electron

    Edit package.json

    "scripts": {
    "start": "electron index.js"
    },

    Display Window

    index.js

    const electron = require('electron');


    const {app, BrowserWindow} = electron;
    app.on('ready', function () {
    let win = new BrowserWindow({width: 800, height: 600 });
    win.loadURL(`file://${__dirname}/index.html`);
    });

    index.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Desktop App</title>
    </head>
    <body>
    <h1> App </h1>
    </body>
    </html>

    Manage Windows

    index.js

    const electron = require('electron');


    const {app, BrowserWindow} = electron;
    app.on('ready', function () {
    let win = new BrowserWindow({width: 800, height: 600 });
    win.loadURL(`file://${__dirname}/index.html`);
    });
    exports.openWindow = function(fileName) {

    1/3
    let win = new BrowserWindow({width: 800, height = 600});
    win.loadURL(`file://${__dirname}/${fileName}.html`);
    }

    pageTwo.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Desktop App</title>
    </head>
    <body>
    <h1> Page 2 </h1>
    </body>
    </html>

    index.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Desktop App</title>
    </head>
    <body>
    <script src = 'home.js'> </script>
    <h1> App </h1>
    </body>
    </html>

    home.js

    const remote = require('electron').remote;


    const main = remote.require('./index.js');
    var button = document.createElement('button');
    button.textContent = 'Open Window';
    button.addEventListener('click', function() {
    var window = remote.getCurrentWindow();
    main.openWindow('pageTwo');
    window.close();
    }, false);
    document.body.appendChild(button);

    Packaging Apps

    2/3
    $ npm install electron-packager --save-dev
    $ npm install asar --save-dev

    package.json

    "scripts": {
    "start": "elctron index.js",
    "package": "asar pack fileName/AppName.app/Contents/Resources/app
    fileName/AppName.app/Contents/Resources/app.asar",
    "build": "electron-packager . AppName && cp Icon.icns
    fileName/AppName.app/Contents/Resources/electron.icns"
    }

    $ npm run build


    $ npm run package
    $ rm -rf fileName/AppName.app/Contents/Resources/app

    3/3

    Вам также может понравиться