electron ウインドウサイズの復元について

Question

electronでtodoアプリを作成しています。

画面のサイズと位置を保存して、次回起動時に復元する処理をしています。
下記のコマンドで結果がことなるのですが1のコマンドでも期待通り動かしたいと思います。
ご教授お願いいたします。
よろしくお願いいたします。

1．asar pack
2．electron-packager

1のコマンドを使用するとパッケージする前に保存した画面サイズと位置で起動しますが
サイズ、位置を変更して再起動してもパッケージ前に保存したサイズと位置で起動してしまいます。

2のコマンドを使用した場合は期待通り動きます。

os :winsows7
version
electron:1.4.13
node.js:6.10.2

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


let win;

function createWindow () {
  // Create the browser window.
  try{
    var setWin = require("./setWin.json");
    win = new BrowserWindow(setWin);
  }catch(e){
    win = new BrowserWindow({width: 800, height: 600, x: 0, y: 0, show: false});
  }
  
  win.once('ready-to-show', () => { win.show(); });
  win.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }));

  var settings_path = require('path').join(__dirname, 'setWin.json');
  
  win.on('close', function() {
    var fs = require('fs');
    var item = win.getBounds();
    item = '{' + '"x":' + item['x'] + ',' + '"y":' + item['y'] + ',' + '"width":' + item['width'] + ',' +  '"height":' + item['height'] + ',' + '"show":false}'
    
    fs.writeFileSync(settings_path, item);
   
  });

 
  win.on('closed', () => {
    
    win = null;
  })
}

app.on('ready', createWindow);

const template = [
  {
    label: 'Edit', submenu: [{role: 'undo'}, {role: 'redo'},{type: 'separator'},{role: 'cut'},{role: 'copy'},{role: 'paste'},{role: 'pasteandmatchstyle'},
      {role: 'delete'},{role: 'selectall'}]
  },
  {
    label: 'View',submenu: [{role: 'reload'},{role: 'toggledevtools'},{type: 'separator'},{role: 'zoomin'},{role: 'zoomout'},{type: 'separator'},{role: 'togglefullscreen'}]
  },
  {
    role: 'window',submenu: [{role: 'minimize'},{role: 'close'}]
  }
]
const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)





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

app.on('activate', () => {
 
  if (win === null) {
    createWindow();
  }
});

Answer 1

https://github.com/electron/electron/blob/master/docs-translations/jp/tutorial/application-packaging.md

アーカイブは読み取り専用です

アーカイブは修正できないため、ファイルを変更できる変更できる全ての Node API は asar アーカイブに対して動作しません。

ですので、fs.writeFileSync は asar 内を指定した場合書き込めないため、パッケージ前に保存したサイズと位置で起動することになります。

その為、設定を保存するには外部へ設定ファイルを置く必要があります。
OSごとのパスの違いなどを吸収するために electron-json-storage などのライブラリの利用をおすすめします。
http://qiita.com/KimuraTakaumi/items/fcae3fb9ca62143a00b4

Comments

[keikei]

TakeoAsai様
回答ありがとうござました。
読み取り専用ということに気づきませんでした。
electron-json-storageを使用してみたのですが、私の知識不足で上手くできませんでした。
そこで保存先をapp.getPath('userData')にしたところ上手くできました。

electron-json-storageも使用できるように勉強していく次第です。
本当にありがとうございました。