CentOS7 にnode,npm,puppeteer環境を構築

Chrome

2020-04-08

実際はkusanagi環境ですが。インストールして起動確認までのチェック。
AutoItなどで作成した実行形式は会社によってはシステム管理部署にお伺いを立てるなど面倒なことがあるので、Webサービスを自動操作するならpuppeteerでと思い入れてやってみようと。

1.chromeを入れる
- 1.1 chromeインストール
2. node.js, npmを入れる
3. 適当なプロジェクトディレクトリ作成しnpm init
4. puppeteerの動作確認

1.chromeを入れる

chrome用repo作成

sudo vim /etc/yum.repos.d/google/chrome.repo

中身は以下

[google-chrome]
baseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearch
enabled=1
gpgcheck=1
gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub

1.1 chromeインストール

インストールします。終わったらついでにフォントも入れます。

sudo yum install google-chrome-stable

sudo yum install ipa-gothic-fonts ipa-mincho-fonts ipa-pgothic-fonts ipa-pmincho-fonts

Chromeがインストールされているか確認します。

google-chrome --version

2. node.js, npmを入れる

こちらもサクッと入れてバージョン確認。

sudo yum -y install https://rpm.nodesource.com/pub_12.x/el/7/x86_64/nodesource-release-el7-1.noarch.rpm
sudo yum -y install nodejs

#終わったら 確認
node -v
npm -v

3. 適当なプロジェクトディレクトリ作成しnpm init

puppeteerディレクトリ作成し、npm initと打ち、とりあえず必要なpuppeteerを入れる

mkdir puppeteer
cd puppeteer
npm init
npm install puppeteer

4. puppeteerの動作確認

下記をtest.js として保存し、node test.js で動いてexample.pngが出来ていれば完了

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
   executablePath: ‘/opt/google/chrome/google-chrome’
});

  const page = await browser.newPage();
  await page.goto('https://google.com'); // URL を Google の検索ページに設定
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

数年前に試した時と違い、安定していますね。
今なら入れておいて損はないかなと思います。