![バッテリーアプリを作ろうと思っ
た経緯
? 手前味噌ながらここの記事にあるように
ある日デバッグビルドを試してみた。
– [Firefox OS][FxOS][Gecko]デバッグ情報
付きのビルド | GCG研究所
– http://www.gcg.bz/labo_blog/?p=504
? デバッグビルドしたsoを端末にプッシュ
して動かしているととても電池が減った。
? 電池の減り具合をモニタしたくなった。](https://image.slidesharecdn.com/random-131219045358-phpapp01/85/-6-320.jpg)
バッテリー监视の為にバックグラウンドタスクについて调べたらなくなってたから作ってみた话のはずだった
- 2. 自己紹介 ? 名前 藪下 正美 ? 会社 株式会社グローバルサイバーグル ープ ? どんな人？ – @aoi_nagatsuki – プログラミング言語とかスマホとか好き
- 3. 弊社紹介 ? 株式会社グローバルサイバーグループ – やる気と人間性を大切にする総合開発企業 – とかはどうでもよくて ? ブログやってます – ＧＣＧ研究所で検索！ – ネタ募集中！ – 空いてる時に調べてブログに書くのでなんか 聞いてね！
- 4. 今日のアジェンダ ? バッテリーアプリを作ろうと思った経緯 – バックグラウンドアプリを作ってみた – 最近の環境では動かないと思っていたバックグラ ウンドアプリが動いたので調べてみる事にした ? バックグラウンドアプリの仕組み – – – – バックグラウンドサービスマネージャ manifestからいろいろ読み込む frameの保存 frameって何者
- 5. 今日のアジェンダ ? Gaiaだけだと怒られるのでイベントリス ナを掘り下げてみる – addEventListner – グローバルなwindowオブジェクトを見てみ る – nsEventListenerManager – 各関連イベントは誰がどう投げているのか ? mozbrowseropenwindowから掘り下げる ? イベントのディスパッチの流れ ? イベントディスパッチまとめ
- 6. バッテリーアプリを作ろうと思っ た経緯 ? 手前味噌ながらここの記事にあるように ある日デバッグビルドを試してみた。 – [Firefox OS][FxOS][Gecko]デバッグ情報 付きのビルド | GCG研究所 – http://www.gcg.bz/labo_blog/?p=504 ? デバッグビルドしたsoを端末にプッシュ して動かしているととても電池が減った。 ? 電池の減り具合をモニタしたくなった。
- 7. バックグラウンドアプリを作って みた ? バッテリー監視のためまた手前味噌ながら バックグラウンドアプリを作ってみた。 – バッテリー監視の為にバックグラウンドタスクに ついて調べたらなくなってたから泣く泣くタイ マーAPIを使ってみた話 のはずだった – http://www.slideshare.net/aoitan/api28631339 ? この時事前情報として最近のFxOSではバッ クグラウンドアプリは作れないと聞いていた – なので続き物として今回バックグラウンドタスク を作ってみるはずだった ? でもやってみると使えてしまった。。。
- 10. バックグラウンドサービスマネー ジャ ? systemアプリが起動するときに background_service.jsの BackgroundServiceManagerがwidnowオブ ジェクトにいくつかイベントを登録する – ${B2G}/gaia/apps/system/js/background_serv ice.js window.addEventListener('mozbrowseropenwindow', function bsm_winopen(evt) { window.addEventListener('mozbrowserclose', function bsm_winclose(evt) { window.addEventListener('mozbrowsererror', function bsm_winclose(evt) { window.addEventListener('applicationinstall', function bsm_oninstall(evt) { – window.addEventListener('applicationuninstall', function bsm_oninstall(evt) {
- 11. manifestからいろいろ読み込む ? applicationinstallのリスナ内で ? ```javascript:backgorund_service.js ? var appapp = evt.detail.application; var = evt.detail.application; ? ``` ? なappで ? ```javascript:backgorund_service.js ? var url = origin + app.manifest.background_page; var url = origin + app.manifest.background_page; ? open(manifestURL,AUTO_OPEN_BG_PAGE_NAME, url); open(manifestURL, AUTO_OPEN_BG_PAGE_NAME, ? ``` ? ? ? url); な感じの処理をしている。 background_pageにはバックグラウンド動作させたいhtmlのURLが入る。 他にもアプリ名とかとっている
- 12. frameの保存 ? framesにbackgroundserviceを持つアプリ を集めている ? 更にsystemアプリのbodyに入ってる ? ```javascript:background_service.js ? document.body.appendChild(frame); ? ```
- 13. frameって何者 ? framesに入るのはiframe – 以下のようなオブジェクトが入ってるっぽい ? ```javascript frame: { ? 'mozbrowser': 'mozbrowser', frame: { ? 'mozbrowser': 'mozbrowser', 'mozapp': manifestURL, // アプリのマニフェストのURL ? 'mozapp': manifestURL, // アプリのマニフェストのURL 'name': name, // アプリ名 ? 'name': name, // アプリ名 ? 'remote': true, 'remote': true, ? 'src': url, // バックグラウンド動作するHTMLのURL 'src': url, // バックグラウンド動作するHTMLのURL ? 'className': 'backgroundWindow', 'className': 'backgroundWindow', ? 'dataset': 'dataset': { { ? 'frameType': 'background', 'frameType': 'background', ? 'frameName': name ? 'frameName': name } ? } } ? ``` }
- 14. Gaiaだけだと怒られるのでイベン ト処理を掘り下げてみる ? Gecko勉強会でGaiaだけのお話とかなしで すよね。。。 ? という事でバックグラウンドアプリ自体の仕 組みは結局の所systemアプリとして動く ページがロードされてるだけっぽいのでバッ クグラウンドサービスマネージャが動くため に必要なイベント処理についてちょっと掘り 下げる。 – と言ってもCOMの中までは終えてないので今後 の課題。
- 15. addEventListner再掲 ? systemアプリが起動するときにbackground_service.jsの BackgroundServiceManagerがwidnowオブジェクトにいくつかイベン トを登録する ? ? ``` window.addEventListener('mozbrowseropenwindow', function bsm_winopen(evt) { ?window.addEventListener('mozbrowseropenwindow', function window.addEventListener('mozbrowserclose', function bsm_winclose(evt) { bsm_winopen(evt) { ?window.addEventListener('mozbrowserclose', function bsm_winclose(evt) { window.addEventListener('mozbrowsererror', function bsm_winclose(evt) { window.addEventListener('mozbrowsererror', function bsm_winclose(evt) { ?window.addEventListener('applicationinstall', function bsm_oninstall(evt) { window.addEventListener('applicationinstall', function bsm_oninstall(evt) { window.addEventListener('applicationuninstall', function bsm_oninstall(evt) { ? window.addEventListener('applicationuninstall', function bsm_oninstall(evt) { ? ```
- 16. グローバルなwindow オブジェクトを見てみる ? グローバルオブジェクトのwindowにぶら下がっている addEventListenerなので – cpp:gecko/dom/base/nsGlobalWindow.cppあたりにいるはず ? ```cpp:gecko/dom/base/nsGlobalWindow.cpp NS_IMETHODIMP ? NS_IMETHODIMP nsGlobalWindow::AddEventListener(const nsAString& aType, ? nsGlobalWindow::AddEventListener(const nsAString& aType, nsIDOMEventListener *aListener, ? nsIDOMEventListener *aListener, bool aUseCapture, bool aWantsUntrusted, ? bool aUseCapture, bool aWantsUntrusted, uint8_t aOptionalArgc) ? uint8_t aOptionalArgc) ? ``` – こんなのがいた
- 17. グローバルなwindow オブジェクトを見てみる – キモはこれ ? ```cpp:gecko/dom/base/nsGlobalWindow.cp p ?nsEventListenerManager* manager nsEventListenerManager* manager = = GetListenerManager(true); GetListenerManager(true); NS_ENSURE_STATE(manager); ? manager->AddEventListener(aType, aListener, aUseCapture, NS_ENSURE_STATE(manager); aWantsUntrusted); ? manager->AddEventListener(aType, aListener, aUseCapture, aWantsUntrusted); ? ```
- 18. グローバルなwindow オブジェクトを見てみる – 要するにイベントリスナマネージャとやらに AddEventListenerしている ? ```cpp:gecko/content/events/src/nsEventListenerMan ager.cpp void ? void nsEventListenerManager::AddEventListener(nsIDOMEventListener ? nsEventListenerManager::AddEventListener(nsIDOME *aListener, ventListener *aListener, uint32_t aType, ? uint32_t aType, nsIAtom* aTypeAtom, int32_t aFlags, ? nsIAtom* aTypeAtom, bool aHandler) ? int32_t aFlags, ? bool aHandler) ? ```
- 19. nsEventListenerManager ? ? ? ? ? ? ? ? ? ? ? ぱっと見すごく長いけどイベントリスナマネージャのAddEventListener では以下の部分がキモ ```cpp:gecko/content/events/src/nsEventListenerManager.cpp ls =ls = mListeners.AppendElement(); mListeners.AppendElement(); ls->mListener = aListener; ls->mListener = aListener; ls->mEventType = aType; ls->mEventType = aType; ls->mTypeAtom = aTypeAtom; ls->mTypeAtom = aTypeAtom; ls->mFlags = aFlags; ls->mFlags = aFlags; ls->mListenerIsHandler = aHandler; ls->mListenerIsHandler = aHandler; ls->mHandlerIsString = false; ls->mHandlerIsString = false; ``` 要するにリスナの配列に渡されたリスナを格納してるだけ – メソッド全体で長いのはフラグとかタイプによって後処理を変えたりするための値の 加工と保持とか別のイベントリスナへの登録とか
- 21. Mozbrowseropenwindow から掘り下げる ? gecko/dom/browserelement/BrowserElementParent.cppに DispatchOpenWindowEventがいる ? キモの部分は ? ```cpp:gecko/dom/browserelement/BrowserElementParent.cpp ?boolbool dispatchSucceeded = dispatchSucceeded = ? DispatchCustomDOMEvent(aOpenerFrameElement, DispatchCustomDOMEvent(aOpenerFrameElement, NS_LITERAL_STRING("mozbrowseropenwindow"), ? detail); NS_LITERAL_STRING("mozbrowseropenwindow"), ? detail); ? ```
- 22. Mozbrowseropenwindow から掘り下げる ? そのDispatchCustomDOMEventはこんな感じ ? ```cpp:gecko/dom/browserelement/BrowserElementParent.cpp ?nsEventDispatcher::CreateEvent(presContext, nullptr, nullptr, nsEventDispatcher::CreateEvent(presContext, NS_LITERAL_STRING("customevent"), ? NS_LITERAL_STRING("customevent"), getter_AddRefs(domEvent)); ? getter_AddRefs(domEvent)); ? ``` ? ```cpp:gecko/dom/browserelement/BrowserElementParent.cpp ?nsCOMPtr<nsIDOMCustomEvent> customEvent = nsCOMPtr<nsIDOMCustomEvent> customEvent = do_QueryInterface(domEvent); do_QueryInterface(domEvent); ? ```
- 23. Mozbrowseropenwindow から掘り下げる ? ```cpp:gecko/dom/browser-element/BrowserElementParent.cpp ? customEvent->InitCustomEvent(aEventName, ?customEvent->InitCustomEvent(aEventName, /* bubbles = */ true, /* bubbles = */ true, false, ? /* cancelable = */ /* cancelable = */ false, ? detailVariant); detailVariant); ? customEvent->SetTrusted(true); ? customEvent->SetTrusted(true); // Dispatch the event. ? // Dispatch the event. nsEventStatus status = nsEventStatus_eIgnore; ? nsEventStatus status = nsEventStatus_eIgnore; rv = nsEventDispatcher::DispatchDOMEvent(aFrameElement, rv = nsEventDispatcher::DispatchDOMEvent(aFrameElement, nullptr, nullptr, domEvent, presContext, &status); ? domEvent, presContext, &status); ? ``` ? カスタムイベントオブジェクトを作ってDispatchDOMEventしている
- 24. イベントのディスパッチの流れ ? DispatchCustomDOMEventで呼ばれている nsEventDispatcher::DispatchDOMEventから ? ```cpp:gecko/content/events/src/nsEventDispatcher.cpp ? return nsEventDispatcher::Dispatch(aTarget, return nsEventDispatcher::Dispatch(aTarget, aPresContext, innerEvent, aPresContext, innerEvent, ? aDOMEvent, aEventStatus); aDOMEvent, aEventStatus); ? } else if (aEvent) { } else if (aEvent) { ? return nsEventDispatcher::Dispatch(aTarget, return nsEventDispatcher::Dispatch(aTarget, aPresContext, aEvent, aPresContext, aEvent, ? aDOMEvent, aEventStatus); aDOMEvent, aEventStatus); ? ``` ? こんなかんじでDispatchが呼ばれて
- 25. イベントのディスパッチの流れ ? ```cpp:gecko/content/events/src/nsEventDispatcher.cpp ? /* static */ nsresult /* nsEventDispatcher::Dispatch(nsISupports* aTarget, ? static */ nsresult nsEventDispatcher::Dispatch(nsISupports* aTarget, ? nsPresContext* aPresContext, nsPresContext* aPresContext, ? nsEvent* aEvent, nsEvent* aEvent, ? nsIDOMEvent* aDOMEvent, nsIDOMEvent* aDOMEvent, ? nsEventStatus* aEventStatus, nsEventStatus* aEventStatus, ? nsDispatchingCallback* aCallback, nsDispatchingCallback* aCallback, ? nsCOMArray<nsIDOMEventTarget>* nsCOMArray<nsIDOMEventTarget>* aTargets) { aTargets) ? めっちゃ長い！ { } ? めっちゃ長い！ ? } ? ```
- 26. イベントディスパッチまとめ ? 時間切れで追いきれてませんがざっくり見た 感じ – カスタムイベントのオブジェクトから DispatchCustomEventされると – nsEventDispatcherのDispatchまで流れてくる – nsEventDispatcher::Dispatchでは ? イベントのオブジェクトを作る (topEtci等々) ? 送信先のリストを作る (postVisitor) – 対象のDOM要素から親へ親へたどってる？ ? 教えてエライ人！
- 27. イベントディスパッチまとめ ? ```cpp:gecko/content/events/src/nsEventDispatcher.c pp ? rv = topEtci>HandleEventTargetChain(postVisitor, ? rv = topEtci->HandleEventTargetChain(postVisitor, NS_EVENT_FLAG_BUBBLE | NS_EVENT_FLAG_BUBBLE | ? NS_EVENT_FLAG_CAPTURE, NS_EVENT_FLAG_CAPTURE, aCallback, ? aCallback, false, &pusher); ? false, ? &pusher); ? ```
- 28. イベントディスパッチまとめ ? でpostVisitorに詰めた配信対象のDOM要素に対 してイベントオブジェクトを投げつけていくはず – 教えてエライ人！ – mozbrowseropenwindow以外のイベント が見つからないけどカスタムイベントじゃな いから？ ? 教えてエライ人！