Electron + Vue.js + NeDB において、NeDBで作成したストアをmain 〜 renderer間で共有したい

Question

はじめに

• Electron + Vue.js + NeDB でデスクトップアプリを開発しています（Vuexは現時点では未導入）
• フォームから入力したデータをNeDBにてローカルファイルに永続化します

やりたいこと

• いわゆる常駐型アプリ化で、ウィンドウを閉じてもトレイアイコン が残り、バックグラウンドで動作し続ける機能を追加したいです（また、トレイアイコン のコンテキストメニューから、任意にウィンドウを復元できるようにします）
• ウィンドウ（renderer）でデータを入力し、それを元にバックグラウンド（main）で処理を行いたいです（main 〜 renderer間でのストアの共有）

問題点

• 開発当初は、何も考えずに renderer 側で NeDB をストアとして利用していましたが、

ウィンドウからNeDBに登録したデータをバックグラウンド側で取得できないことに気付きました。（アプリを再起動すれば、バックグラウンドからも取得出来ましたが、再度ウィンドウからデータを登録したデータは、やはり次回再起動時まで、バックグラウンドからは取得出来ませんでした）

• 恐らくこれはNeDBの仕様で、起動時に1つのインスタンスにファイルから読みだしたデータをオンメモリで展開し、起動中は全てオンメモリで操作。終了時にファイルに初めてファイルに書き出す。といった処理をしているからだと思います。

やってみたこと

• 実際には細かくコンポーネント化してたりするので実際のコードとは異なりますが、大体下記の様なイメージです。現時点ではVuexは未導入です。
• また、VuexとipcMain、ipcRendererを使ってごにょごにょ出来ないかと模索中なのですが、行き詰まったので今回質問させて頂きました。

renderer.js

import Datastore from 'nedb'
import path from 'path'
import { remote } from 'electron'
const db = new Datastore({
  autoload: true,
  filename: path.join(remote.app.getPath('userData'), '/data.db')
})
const data = {
  name: 'hogehoge'
}
// データを保存
db.insert(data, function(err, newData) {
  if (err) {
    console.error(err)
  }
})

main.js

import Datastore from 'nedb'
import path from 'path'
import { app } from 'electron'
const db = new Datastore({
  autoload: true,
  filename: path.join(app.getPath('userData'), '/data.db')
})
// トレイアイコン のコンテキストメニューより、任意のタイミングで実行
db.find({}, function(err, data) {
  console.log(data) // 空っぽ（renderer.jsから登録した“hogehoge”が見つからない）
})

Comments

[Orlofsky]

タグの追加は右下の「返信の必要なお問合せはこちら」からどうぞ。

[tkgoya]

コメントありがとうございます。一応タグの追加は申請済みですので、追加されたことが確認出来次第、質問のタグを変更しようと思っています。