AWS LambdaでPuppeteerを動かす #AWS

はじめに

AWS LambdaでPuppeteerを動かすためのメモです。
npm の @serverless-chrome/lambda と chrome-remote-interface を使用した例はいくつかありますが、開発停止の影響のためか、一部のPuppeteer APIが動作しなかったので、chrome-aws-lambda パッケージを使用します。

環境

AWS Lambda
- ランタイム：Node.js 8.10
ローカル
- macOS Mojave(10.14.3)
- npm 6.8.0

手順

Lambda Layerに登録するパッケージの作成

$ mkdir nodejs && cd $_
$ npm i chrome-aws-lambda puppeteer-core
$ cd ..
$ zip -r modules.zip nodejs

Lambda Layer登録

AWSのコンソールからLambdaを開く。

Layer設定画面を開く

Layerの作成

Layerのアップロード

名前: 任意のLayer名
説明: 任意の説明文
コードエントリタイプ: .zipファイルをアップロード
アップロード: 作成したzipファイルを選択
互換性のあるランタイム: Node.js 8.10
「作成」をクリック

Lambda関数の作成

関数設定画面を開く

関数の作成

名前: 任意の関数名
ランタイム: Node.js 8.10
ロール: 1つ以上のテンプレートから新しいロールを作成
ロール名: 任意のロール名
ポリシーテンプレート: 未選択で可
「関数の作成」をクリック

Layerの追加

ランタイムと互換性のあるレイヤーのリストから選択
レイヤー: 登録したLayer名を選択
バージョン: 登録したLayerの任意のバージョンを選択
「追加」をクリック

関数コードを作成

node.js

const chromium = require('chrome-aws-lambda');
const puppeteer = require('puppeteer-core');

exports.handler = async (event, context) => {
  let result = null;
  let browser = null;

  try {
    browser = await puppeteer.launch({
      args: chromium.args,
      defaultViewport: chromium.defaultViewport,
      executablePath: await chromium.executablePath,
      headless: chromium.headless,
    });

    let page = await browser.newPage();

    await page.goto(event.url || 'https://yahoo.co.jp/');

    result = await page.title();
  } catch (error) {
    return context.fail(error);
  } finally {
    if (browser !== null) {
      await browser.close();
    }
  }

  return context.succeed(result);
};

基本設定を調整

メモリ: 512MB〜1600MB（chrome-aws-lambdaパッケージ推奨値）
タイムアウト：任意の時間

保存および実行

イベントテンプレート: Hello World
イベント名: 任意のイベント名
「作成」をクリック

再度、画面右上テストをクリック

実行結果

まとめ

ブラウザ操作を自動化できるPuppeteerをLambdaで動かせると、API Gateway（API化）やCloudWatch Events（定期バッチ処理）など、他のAWSサービスとの連携が容易になります。
ただでさえ便利なPuppeteerがさらに便利になるので、よければ試してみてください。

AWS LambdaでPuppeteerを動かす