これらの例を実行する前に、Puppeteer リポジトリをチェックアウトして依存関係をインストールします。

npm i
# You can also use yarn.

サンプルを実行する

ルートフォルダから例を実行できます。

NODE_PATH=../ node examples/search.js

拡大した例

より複雑でユースケース主導の例は、github.com/GoogleChromeLabs/puppeteer-examples にあります。

Puppeteer を使用するその他の便利なツール、記事、プロジェクト

レンダリングとウェブ スクレイピング

  • Puppetron: Puppeteer とヘッドレス Chrome を使用してページをレンダリングする方法を示すデモサイト。GoogleChrome/rendertron から着想を得て開発されました。
  • Thal: Puppeteer と Chrome ヘッドレス(ウェブ スクレイピング用)を使ってみましょう。
  • pupperender: 受信リクエストの User-Agent ヘッダーを確認し、それが構成可能な bot のセットのいずれかと一致する場合は、Puppeteer を使用してページをレンダリングする Express ミドルウェア。PWA のレンダリングに便利です。
  • headless-chrome-crawler: ヘッドレス Chrome を操作するための API を提供し、動的ウェブサイトをクロールできるようにするクローラー。
  • puppeteer-examples: ウェブページからの有用な情報の取得や一般的なログイン シナリオなど、実際のユースケースでの Puppeteer ヘッドレス Chrome の例。
  • ブラウザレス: Puppeteer スクリプトをリモートで実行できるサービスとしてのヘッドレス Chrome。同時実行や起動引数などの構成を含む Docker イメージを提供します。
  • AWS Lambda 上の Puppeteer: サーバーレス フレームワークを使用して AWS Lambda で Puppeteer を実行します。
  • Apify SDK: JavaScript 用のスケーラブルなウェブクロールおよびスクレイピング ライブラリ。Puppeteer ブラウザのプールを自動的に管理し、エラー処理、タスク管理、プロキシ ローテーションなどを提供します。

テスト

  • angular-puppeteer-demo: Karma で Puppeteer を使用する方法を説明するデモ リポジトリ。
  • mocha-headless-chrome: ヘッドレス Chrome を使用して、コマンドラインでクライアント側の Mocha テストを実行するツール。
  • puppeteer-to-istanbul-example: Puppeteer カバレッジをイスタンブール形式で出力する方法を示すデモリポジトリ。
  • jest-puppeteer: (ほぼ)Jest と Puppeteer の設定と実行に必要な構成ツールがゼロです。また、Puppeteer のアサーション ライブラリも含まれています。
  • puppeteer-har: Puppeteer を使用して HAR ファイルを生成します。
  • puppetry: Puppeteer と Jest を活用したテストをコーディングなしでビルドするデスクトップ アプリ。
  • puppeteer-loadtest: Puppeteer スクリプトの負荷テストを実行するためのコマンドライン インターフェース。
  • cucumber-puppeteer-example: 統合テストに Puppeeteer と Cucumber を使用する方法を示すリポジトリの例。

サービス

  • チェック: ウェブページとアプリの可用性と正確性を確認するために Puppeteer を使用する SaaS をモニタリングします。