Try to use chromeless on AWS Lambda

Transcript

1. Try to use chromeless on AWS Lambda @serima 25 Oct. 2018
2. Who am I? Ryo Shibayama Server Side Engineer Working at GameWith Inc. (We're hiring! ) Twitter / GitHub : @serima
3. What's GameWith?
5. Let's get on track
6. 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
7. Two operation modes This time I will introduce Remote Proxy mode
8. 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
9. Deployed Lambda Functions We can see that the four functions have been deployed
10. Then Let's request to Lambda functions!
11. 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
12. 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)
13. uh-oh
14. 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
15. Rendered successfully Because yahoo.com only uses English
16. 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
17. 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
18. 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
19. 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
20. Thank you for listening