2021.05.10ケネ【Node.js】Puppeteerで文字入力する(ログインする方法も)ツイートシェアはてブ送るPocket※当サイトはアフィリエイト広告を利用していますこの記事ではNode.jsのライブラリPuppeteerを使って文字入力する方法を解説します。固定の文字を何回もWebに入力することってめんどくさいんですよね。スマホはコピーして貼り付けるのも一苦労だと思います。使えるシーンはあまりないですが、自動化できると強力な文字入力をサンプルを交えながら説明していきます。おすすめ参考記事Puppeteerで文字入力する基本の書き方inputタグへの文字入力はpage.type()を使うまずは基本の文字入力のコードを解説します。options])を利用します。以下のようなWebブラウザの入力フォームに文字入力したい場合のHTML、Node.jsコードは以下となります。100});inputタグのtype属性にはtext、passwordがありますがどちらも同じ方法で実行できます。※まれにinputタグの文字列が反転してしまう場合があります。以下記事で対処法を解説しています。Node.jsで暗号資産アービトラージtextareaタグへの文字入力もpage.type()でOKtextareaタグは複数行の文字を入力することができますが、textareaへの入力もinputタグと同様の書き方で記載することができます。改行は「\n」で表現します。下のサンプルでは3行の文章をbodyText変数に格納して、textareaタグに入力するサンプルです。"1行目の文字を入力します。\n2行目の文字を入力します。\n3行目の文字を入力します。bodyText);ログイン画面で自動ログインするユーザ認証が必要なログイン画面でも同様の方法でログインすることができます。page.click('input[type="submit"]');ボタンの押し方はPuppeteerでボタンをクリックするを参照ください。※二段階認証など、特殊な認証処理がされているものはこの方法ではログインできません。まとめこの記事ではブラウザの入力フォームに文字を自動で入力する方法を解説しました。別記事のボタンやリンクをクリックする方法を組み合わせることで、スクレイピングが実践できるようになるように書いています。チャレンジしてみてください。https://kennejs.com/entry/2019/02/05/012907https://kennejs.com/entry/puppeteer-transit-screenおすすめ参考記事Puppeteerを自作したらVPSで稼働させてみよう。https://kennejs.com/entry/vps-ranking外部サーバで稼働させるにはさくらVPSが手軽でおすすめです。Node.jsのチュートリアルは動画学習が早く習得できます。私が利用しているのはUdemyです。Node.jsの勉強法も参照ください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。USケネはじめまして、ケネです。Node.jsの技術情報を書いています。一人でも多くの方と「自分でもできた」感覚を共有したいので、なるべくわかりやすく、実体験ベースでのブログを心がけています。技術で自分の世界を広げましょう。不明点や質問があればお気軽にコメントください。