URLを記載したエクセルのリストを読み込んで、ページをキャプチャするツール。electron+react+typescript学習用に制作。puppeteerにelectronでUIを持たせた感じ。
- xlsxのURLリストを読み込んでキャプチャ
- PC,Mobile,Tabletそれぞれの端末のviewportとUAを設定してキャプチャすることが可能(Puppeteerで用意されているデバイスのプリセットから選択)
- hostごとのbasic認証設定機能
- キャプチャ前にページ内で実行するjsを登録する機能
- electron
- react
- puppeteer
- redux
electronのパッケージ内で、puppeteerからchromiumを起動しようとするとパスが解決できずエラーになるので、chromiumのzipだけをelectronのパッケージにいれておいて初回起動時にelectronのapp.getPath("userData")に解凍する。(開発時はプロジェクトルートのdev-user-dataに解凍される)
ビルド後のパッケージの起動オプションに--userData=/path/to/userDataを指定することで、任意のフォルダにchromiumを解凍できる。
.npmrcにgithubのpersonal access tokenを記述するかnpm.pkg.github.comにpersonal access tokenでnpm loginする必要があります
.npmrcを使う場合
//npm.pkg.github.com/:_authToken=TOKEN
npm loginする場合
npm login --registry=https://npm.pkg.github.com
> Username: USERNAME
> Password: TOKEN
> Email: PUBLIC-EMAIL-ADDRESS# インストール
yarn
# electronの起動
yarn start
# パッケージのビルド
yarn dist