node-webkit & chrome-remote-interfaceでブラウザオートメーション

node-webkit & chrome-remote-interface ユーザーフレンドリーなブラウザオートメーションツールを Node.jsで書ぃて激モテするゃりかたぁゃぴ(@upgrade_ayp) ブログ「ayapi.github.io」http://ayapi.github.io/ ブログ「ギャルでもゎかる自作ｐｃ」http://ameblo.jp/upgrade-ayp/

毎日ぉなじこと or 大量のデータを手入力の仕事でも…、ノンプログラマーゎ、自動化するってゅー発想が、ぁんまりなぃそれを自動化してぁげると、プログラマーゎ、激モテできる↑↑ ノンプログラマーにモテる努力

ブラウザ㊤での事務作業って、なにげぁる【テキトーな例】・CMSの設定変更・ネットバンキングの操作・ネットショップの商品/顧客情報の管理ブラウザオートメーションが、大活躍＼(^o^)／ブラウザオートメーション

デスクトップアプリケーション　ってゅーか GUIツール？が、かんたんに作れる GUI：　　　JS+CSS+HTML ロジック：　Node.js WinでもMacでも、Node.jsが入ってなぃ環境でも、実行ファイルを起動するだけで動くゃばぃ＼(^o^)／まじハッピー node-webkitってなに

・ユーザーにゎかりゃすぃ見た目を自由に作れる GUIだけじゃなくて、自動操作㊥のブラウザをリアルタイムでみせれるとこもgood♡ ・ Same Origin Policyとかセキュリティの制約が少なぃ JSのinjectもかなりかんたん↑↑ ・ npmモジュールを自由に使ぇる実行結果とか途中の処理を書くとき、たくさんのライブラリの恩恵を受けれる＼(^o^)／とにかく、自由さが売り＼(^o^)／ブラウザオートメーションにぉける node-webkitの優位性

■Node.js完結系(jsdom+httpRequestとか) CUI、黒ぃ画面系ぃまどんな操作をしてるのかをユーザーにみせるのが、むずぃ ■Chrome Extension(Chrome拡張機能) 学習コスト高ぃ(特にセキュリティの制約とかハマりポイント多ぃ) ■Selenium系(Nightwatch.jsとかも) そも②これゎ「自動総合テスト」「自動タスク」とゎ似てる部分も多ぃけど、目的がちがぅ違和感とか、たりなぃ部分が、ぁるほかの技術

$(element).click();とか (window.onbeforeunload) ↓ HTTPリクエスト送信 ↓ HTTPレスポンスヘッダ受信開始(window.onunload) ↓ HTTPレスポンスヘッダ受信完了 ↓ HTTPレスポンスボディ受信完了 ↓ DOMContentLoaded エラー判定したぃタイミング・レスポンスヘッダ受信完了時　Status:200以外ならエラー、とか・ブラウザタイムアウト時　けどStatus:200だったなら無視して次へ、とか・DOMContentLoaded発火時　DOMにエラーテキストが含まれてたら、とか Selenium系でゎ、「Eとゅー要素が文書に現れるまで待って、 N秒超ぇたらエラー」とか、タイムアウトを併用しての文書の内容にょる判定しかできなぃっぽぃ　たぶん node-webkitも単体だと、きびしぃ同期遷移の状態判定

ChromeのDevToolsでみれるょーな情報を取得できるAPI これが、node-webkitのChromiumでも、っかぇる♡ ↑こんな赤ぃエラーも、ｋｗｓｋ取得できる Chrome Remote Debugging Protocol

Chrome Remote Debugging Protocolを Node.jsで書きゃすくしてくれるライブラリ同期遷移での DOMContentLoaded以前の状態遷移も、ぃろ②イベントをemitしてくれるから、かんたんだし＼(^o^)／ HTTPヘッダーも取れるしー天才じゃんー↑ chrome-remote-interface

node-webkit & chrome-remote-interface + その他 andris9/inbox…IMAP用ライブラリ確認メールが飛ぶょーなタスクで IMAPでメールを受信して次のタスクへ、とか♡ node-bunyan…Loggerライブラリ GUIにログを表示するのもかんたん＼ (^o^)／フローコントロール caolan/async、medikoo/deferred npm install で入れちゃぇる jQuery、Lo-dash、Backbone 組み合ゎせでぉすすめのnpmモジュール

GUI側(Backbone.View) ジョブの例

ためしてみてくださぃ↑↑ (ツッコミ||質問)大歓迎です♡ ぁゃぴ(@upgrade_ayp)

http://ayapi.github.io	48
http://localhost	14

node-webkit & chrome-remote-interfaceでブラウザオートメーション

by ぁゃぴ , プログラマー on Mar 27, 2014

Statistics

Views

Actions

2 Embeds 62

Accessibility

Categories

Upload Details

Usage Rights

Report content

node-webkit & chrome-remote-interfaceでブラウザオートメーション Presentation Transcript