ElectronでPuppeteerを使う場合の複数プラットフォーム対応
Electronで作っているデスクトップアプリ内で、Puppeteerを使った時のメモです。
結果的には、各プラットフォーム用のChromiumを手動でダウンロードして追加し、Puppeteerに対してChromiumのパスを明示的に指定する必要がありました。
npm install puppeteerして開発しているうちは問題なかったのですが、開発環境と異なるプラットフォーム用にElectronをビルドして、単体のアプリケーションとして実行するとうまくいきませんでした。
Chromium revision is not downloaded. Run "npm install" or "yarn install" at Launcher.launch
というようなエラーが出ます。Chromiumが入ってないよ、とのこと。npm installしろ、と言われても、ビルドしてしまっているのでできません。
ビルドするプラットフォーム向けのChromiumを手動で追加する
Electronをビルドし、macOS版のアプリケーションのパッケージ内容を確認すると、/Contents/Resources/app.asar.unpacked/node_modules/puppeteer以下に、.local-chromiumというディレクトリがあり、さらにその中にmac-722234というディレクトリがありました。（6ケタの数字はバージョンのようなので、環境により異なると思います。）この中にChromium本体が入っています。
私の場合はMacで開発していて、Windows用にもビルドしましたが、win-unpacked/resources/app.asar.unpacked/node_modules/puppeteer/.local-chromiumの中にはmac-722234ディレクトリしかありません。そこで、ここにwin64-722234というディレクトリを作成し、Windows用のChromiumをダウンロードしてきて入れました。ディレクトリ構造としては、win64-722234/chrome-winの中にchrome.exeなどのファイルが入っている状態です。
Chromiumのダウンロードはこちらからできます：https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html
続いて、Puppeteerの起動時にこのChromiumを見つけられるようパスを指定します。GitHubにそのままのissueがありましたので参考にしました：Run from Electron · Issue #2134 · puppeteer/puppeteer · GitHub
これでMacでもWindowsでも問題なく、単体のアプリケーション上でPuppeteerが実行できるようになりました。
また、エラーの原因を調べるにあたっては、electron-logというnpmパッケージが便利でした。こちらが詳しいです：
[Electron] ログをファイルに記録する - electron-log
最後に蛇足ながら、
