Vue + electronで通知をするときの対処（Windows）

Javascript

2022.07.28

記事内に広告が含まれています。

Microsoft Storeで配布するWindows用のVue + electronアプリで、通知（Notification）を実装したときの対処を記事にいたします。

前提

レンダラープロセス、メインプロセス各々の記載方法はこちらの記事が参考になると思います。

Windowsではメインプロセスに次の１行を追加します。vue + electronのメインプロセスにあたるbackground.jsに次の記載をします。

app.setAppUserModelId(process.execPath)

引数のprocess.execPathのところに、MSA アプリ IDを設定します。MSA アプリ IDは、Microsoft パートナーセンターのホーム＞アプリとゲーム＞アプリ名＞製品管理＞製品IDの一番下にあります。