はじめに
毎月末になると、ルーティンで作業工数の入力をしています。
JavaScriptで半自動で入力していて、５分ほどで入力出来ています。
が、憂鬱すぎるので全自動化することにしました。
ググって最初に目に付いたPuppeteerを利用します。
実際に利用してみてベースとなるコード、更によく使うコードがわかったのでQiitaに残します。
コード
基本のコード
kihon.js
constpuppeteer=require('puppeteer');// ID・アカウント認証する時はここでID・アカウント情報を読み込む↓// 後述// ID・アカウント認証する時はここでID・アカウント情報を読み込む↑(async()=>{constbrowser=awaitpuppeteer.launch({headless:false,// ブラウザの動きを表示slowMo:50// puppeteerの操作を遅らせる})constpage=awaitbrowser.newPage()// ページを開くawaitpage.goto('https://www.google.com/')// 必要な処理を書く↓// 後述// 必要な処理を書く↑// ブラウザを閉じるawaitbrowser.close()})()ID・アカウント認証する時はここでID・アカウント情報を読み込む
const{USER,PWD}=require('./config.json');// 認証が必要であれば別ファイルのconfigファイルから読み込むconfig.jsonの中身は以下
config.json
{"USER":"xxx","PWD":"xxx"}必要な処理（よく使うコード）
今回だと使うコードは決まっていて、必要な値を入力して、ボタンをクリックして登録するだけでしたので以下の操作で事足りました。
// 指定した時間待つawaitpage.waitFor(10000);// ミリ秒// 入力awaitpage.type("#IdUser",'userName');// セレクタ,入力文字。awaitpage.type("#IdUser",USER);// 変数の場合// クリックawaitpage.click("#loginButton");// セレクタ// テキスト取得consttext=awaitpage.$eval('td.timeHour',text=>text.textContent)// セレクタ最終的なコード
kihonプラスα.js
constpuppeteer=require('puppeteer');// ID・アカウント認証する時はここでID・アカウント情報を読み込むconst{USER,PWD}=require('./config.json');// 認証が必要であれば別ファイルのconfigファイルから読み込む(async()=>{constbrowser=awaitpuppeteer.launch({headless:false,// ブラウザの動きを表示slowMo:50// puppeteerの操作を遅らせる})constpage=awaitbrowser.newPage()// ページを開くawaitpage.goto('https://www.google.com/')// 必要な処理を書く// 指定した時間待つawaitpage.waitFor(10000);// ミリ秒// 入力awaitpage.type("#IdUser",USER);// 変数の場合// クリックawaitpage.click("#loginButton");// セレクタ// テキスト取得consttext=awaitpage.$eval('td.timeHour',text=>text.textContent)// セレクタ// ブラウザを閉じるawaitbrowser.close()})()参考
- 公式
- 環境構築
- サンプルコード
- よく使う操作解説