impression of google chrome headless

Transcript

1. 1.

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

2. 2.

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

3. 3.

   ຊ୊

4. 4.

   ͷલʹ

5. 5.

   Chrome Headless ͱ͸ʁ

6. 6.

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

7. 7.

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

   DDoS߈ܸ
8. 8.

   ͳͥ Chrome Headless͔

9. 9.

   PhantomJSͷࢮ๢

10. 10.

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

11. 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. 12.

    ͱ͍͏ͷ͕എܠ

13. 13.

    Կނ Chrome Headless͔

14. 14.

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

    • Memory Heap Profiler • etc
15. 15.

    ͱ͍͏Θ͚Ͱ ৮ͬͯΈͨ

16. 16.

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

17. 17.

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

    eg. $ chrome --headless --disable-gpu --dump- dom https://www.chromestatus.com/
18. 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. 19.

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

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

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

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