impression of google chrome headless

Transcript

1. ChromeHeadless modeΛ৮ͬͨॴײ 2017/05/31 @teitei_tk

2. ࣗݾ঺հ • @teitei_tk • ࠷ۙ͸ϋΠϥϧԦࠃΛฏ࿨ʹ͢ΔͨΊʹؤுͬ ͯ·͢ɻ

3. ຊ୊

4. ͷલʹ

5. Chrome Headless ͱ͸ʁ

6. ͍ΘΏΔHeadlessϒϥ΢β • ޡղΛঝ஌Ͱݴ͑͹ɺGUIͷແ͍Chromeɻ • GUI͸ͳ͍͕ɺ಺෦తʹ͸ϖʔδͷϨϯμϦϯά ͔ΒJavaScriptͷ࣮ߦ౳ɺϒϥ΢βͬΆ͍͜ͱ͕ Ͱ͖Δ

7. Ͳ͏͍͏༻్͕͋Δͷ • WebApplicationͷςετ • ͍ΘΏΔE2E • WebPageͷΩϟϓνϟࡱӨ • WebαΠτͷεΫϨΠϐϯά •

   DDoS߈ܸ

8. ͳͥ Chrome Headless͔

9. PhantomJSͷࢮ๢

10. PhantomJSͱ͸ • Headlessϒϥ΢βͷҰͭ • ͓ͦΒ͘Ұ൪ਓؾ͕͋ΔͷͰ͸ͳ͍ͩΖ͏͔ • ͔͠͠ɺ2017/05/30ݱࡏͰissue͸1848ɺPull Request͸58ͱ։ൃ͸ఀ଺͍ͯ͠Δ • https://github.com/ariya/phantomjs/

11. PhantomJS is Dead • ͦͯ͠།Ұͷϝϯςφ͕ࠓޙ͸ΈͳChrome Headlessʹ ৐Γ׵͑ΔͩΖ͏ͱϝϯςφΛࣙ೚Λએݴɻ • https://groups.google.com/d/msg/phantomjs/9aI5d- LDuNE/5Z3SMZrqAQAJ

    • ࠓޙͷߏ૝͸͋Δͷ͔ɺphantomiumͱ͍͏PhantomJS + ChromeHeadlessͷ୯ޠ͕૊Έ߹Θͬͨ͞ϨϙδτϦ͸͋ Δ • https://github.com/Vitallium/phantomium

12. ͱ͍͏ͷ͕എܠ

13. Կނ Chrome Headless͔

14. • Google͕։ൃ͍ͯ͠Δͱ͍͏҆৺ײ • Webඪ४΁ͷ४ڌ͕ૣ͍ͷͰɺ͍ͪૣ͘ػೳ͕࢖͑Δɻ • ֤छAPIͷར༻͕Մೳ • ServiceWorker • IndexedDB

    • Memory Heap Profiler • etc

15. ͱ͍͏Θ͚Ͱ ৮ͬͯΈͨ

16. Setup • Chrome Ver59Ҏ͕߱ඞਢ • ݱࡏ(2017/05/30)ͷChromeͷStable Version͸58 • Chrome CanaryΛ࢖͏ͱྑͦ͞͏

17. ؆୯ͳ΋ͷͳΒ͙͢ग़དྷΔ • ShellͰ͙͢ग़དྷΔ • DOMͷग़ྗ • PDF࡞੒ • Ωϟϓνϟͷऔಘ •

    eg. $ chrome --headless --disable-gpu --dump- dom https://www.chromestatus.com/

18. ద౰ʹWrapperॻ͍ͨ • ΩϟϓνϟͷࡱӨ • https://wobfnz0lh2.execute-api.us- west-2.amazonaws.com/dev/chrome?url=https:// google.co.jp • PDFͷੜ੒ •

    https://wobfnz0lh2.execute-api.us- west-2.amazonaws.com/dev/pdf?url=https:// google.com/

19. • ݴޠɿNode.js • ओʹ࢖༻ͨ͠ϥΠϒϥϦ • chrome-remote-interface • ChromeͷAPIΛୟ͘Node.jsϥΠϒϥϦ • lighthouse

    • ChromeΛىಈ͢Δϔϧύʔ͕هࡌ͞Ε͍ͯΔ ϥΠϒϥϦ

20. ॴײ • ҆ఆԽ·Ͱ͸΋͏গֻ͔͠Γͦ͏ɻ • Ṗͷ--disable-gpu Option • API͕·ͩམͪண͍͍ͯͳ͍ͷͰຊ൪౤ೖ͸·ͩආ͚ͨ΄͏ ͕ྑͦ͞͏ •

    ͱ͸͍͑PhantomJSͷޙ佂ʹ͸࠲Γͦ͏ɻ • ಈ޲͸௥͓͖ͬͯ·͢ɻ • Կ͔͋ͬͨΒهࣄͰ΋ॻ͍ͯڞ༗͠·͢ɻ