Try to use chromeless on AWS Lambda @serima 25 Oct. 2018 

Who am I? Ryo Shibayama Server Side Engineer Working at GameWith Inc. (We're hiring! ) Twitter / GitHub : @serima 

What's GameWith? 

No content

Let's get on track 

chromeless Runs locally or headless on AWS Lambda It can be used to Run 1000s of browser integration tests in parallel Crawl the web & automate screenshots Write bots that require a real browser https://github.com/graphcool/chromeless 

Two operation modes This time I will introduce Remote Proxy mode 

Setup ow 1. Clone chromeless repo, npm install in proxy service directory 2. Con gure AWS's access key and secret 3. Deploy to own infrastructure with dedicated command( npm run deploy ) 4. Request to the proxy using issued endpoint, API key Notice: Use the same region between AWS services chromeless uses 

Deployed Lambda Functions We can see that the four functions have been deployed 

Then Let's request to Lambda functions! 

const Chromeless = require('chromeless').default async function run(url) { const chromeless = new Chromeless({ remote: { endpointUrl: 'https://xxxxx.execute-api.ap-northeast-1.ama apiKey: 'xxxxxxxxxxxx' }, }) const screenshot = await chromeless .setUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like M .setViewport({width: 640, height: 1136, scale: 1}) .goto(url) .screenshot() console.log(url) console.log(screenshot) // prints S3 url await chromeless.end() } run('https://www.yahoo.co.jp').catch(console.error.bind(console run('https://www.facebook.com').catch(console.error.bind(console 

Run % node test.js https://www.yahoo.co.jp https://xxxxx-ap-northeast-1-chromeless.s3.amazonaws.com/cj946gj https://www.facebook.com https://xxxxx-ap-northeast-1-chromeless.s3.amazonaws.com/cj946gk Retured S3 urls(they are screen captures) 

uh-oh 

Why □? chromeless depends on severless-chrome By default, some fonts are not installed in serverless-chrome #49 Include Chinese/Japanese/Korean/more fonts in headless Chrome binary 

Rendered successfully Because yahoo.com only uses English 

Missing fonts... But we can resolve this issue to re-archive serverless-chrome with fontcon g bundled My former senior was writing a blog about this issue 

Hmm It's better to wait for serverless-chrome supports multi fonts con guration Because chromeless depends on it... If we use serverless-chrome as standalone, I think we should install and use our own fonts 

Conclusion The approach of explosively increasing the number of parallels using Lambda is very interesting Keep watching these repos More in details on my blog serima.co/blog 

Bonus PhantomJS: Stepping down as maintainer https://news.ycombinator.com/item? id=14105489 We should choose headless chrome as an e2e test tool from now on 

Thank you for listening