마지막으로 Browser가 꺼진 상태에서 "..."처리를 강행하는 방법

19211 단어 TypeScript
크롬에서만 확인하세요.

브라우저가 닫힌 경우에만 이벤트가 없습니다.


onunload나 onbeforeunload를 사용하면 약간 그럴 것 같지만 리셋할 때나 시작할 때도 onunload/onbeforeunload가 뛴다.

'브라우저를 닫은 상태에서 XX를 하고 싶다'고 빈틈없이 말하는 방법은 없다.(Chrome Ver.38.0.2125.104를 통해 확인)

그럼에도 불구하고 마지막 Browser를 닫을 때 XX를 하고 싶습니다!하고 싶은 상황.


onunload/onbeforeunload로 장치를 제작하여 onload에서 이 조건이라면 실행합니다.
구체적으로 이런 느낌이에요.
onunload
locallstorage에 시간을 기록합니다
onload
마지막 Browser 상황
지금부터 60초만 지나면 XX.
적재량이 60초도 안 되기 때문에 처리하지 않습니다.
app.ts
/// <reference path="./service/window_service.ts" />

module Hoge {
    "use strict";

    export var appName = "hoge";
    var uid = "";
    angular.module(
            appName + ".run",
        []
    )
        .run((windowService: WindowService, $window:ng.IWindowService) => {
            // 強制ログアウトを一旦やめることになる。
            $($window).on("load", () => {
                uid = windowService.load(uid);
            });

            $($window).on("beforeunload", () => {
                windowService.unload(uid);
            });
        });

window_service.ts
module Hoge {
    "use strict";

    export class WindowService {

        constructor(public $window:ng.IWindowService) {
        }

        /**
         * 画面表示時
         * @param uid 現在の画面ID
         * @returns 新しい画面ID
         */
        load(uid:string):string {
            var windowUIDs:string[] = [];
            if (uid === "") {
                // 新規Openの場合はlocalStrageにuidを保存する
                windowUIDs = this.getItemWindowUIDs();
                while (true) {
                    uid = Math.random() + "";
                    if (windowUIDs.indexOf(uid) === -1) {
                        // ユニークなuidが出来たらwhileを抜ける(基本的には1回でwhileループを抜ける)
                        break;
                    }
                    // ここに来ることはほぼない
                    console.log("create duplicate random uid = " + uid);
                }
                windowUIDs.push(uid);
                this.setItemWindowUIDs(windowUIDs);
            }
            if (1 < windowUIDs.length) {
                // すでに開いている場合はlogouttimeは無効
                this.$window.localStorage.removeItem("LogoutTime");
            }
            var logoutTime = this.$window.localStorage.getItem("LogoutTime");
            if (logoutTime !== null) {
                var nowTime = Date.now();
                var diffTime = (nowTime - parseInt(logoutTime, 10)) / 1000;
                this.$window.localStorage.removeItem("LogoutTime");
                if (60 < diffTime) {
                    // 1分超えてたらログアウト画面に飛ばす
                    this.$window.localStorage.setItem("Logout", true.toString());
                    // TODO ここで処理をする
                }
            }
            return uid;
        }

        /**
         * unload時に時間をlocalStorageに保存する
         * @param uid 登録するメッセージデータ
         */
        unload(uid:string):void {
            var windowUIDs = this.getItemWindowUIDs();
            var index = windowUIDs.indexOf(uid);
            if (index !== -1) {
                // 基本的にはindexはあるハズ
                windowUIDs.splice(index, 1);
            }
            this.setItemWindowUIDs(windowUIDs);
            if (windowUIDs !== null && windowUIDs.length === 0) {
                //ここでログアウト処理をする
                var isLogout = this.getLogout();
                if (isLogout === null) {
                    // ログアウト処理中で無ければlogoutTimeを格納
                    var logoutTime = this.getLogoutTime();
                    if (logoutTime === null) {
                        this.setLogoutTime(Date.now());
                    }
                } else {
                    this.removeLogout();
                }
            } else {
                // 最後のWindowで無ければlogoutTimeは消す
                this.removeLogoutTime();
            }
        }

        getItemWindowUIDs():string[] {
            var values = this.$window.localStorage.getItem("WindowUIDs");
            if (values != null) {
                return JSON.parse(values);
            } else {
                return [];
            }
        }

        setItemWindowUIDs(windowUIDs:string[]):void {
            this.$window.localStorage.setItem("WindowUIDs", JSON.stringify(windowUIDs));
        }

        getLogout():string {
            return this.$window.localStorage.getItem("Logout");
        }

        getLogoutTime():string {
            return this.$window.localStorage.getItem("LogoutTime");
        }

        setLogoutTime(logoutTime:number):void {
            this.$window.localStorage.setItem("LogoutTime", logoutTime.toString());
        }

        removeLogout():void {
            this.$window.localStorage.removeItem("Logout");
        }

        removeLogoutTime():void {
            this.$window.localStorage.removeItem("LogoutTime");
        }
    }
}
말할 것도 없이'정말 억지로 해보는 것 같다'는 느낌이 들어서 똑똑한 방법은 아니다.
더 쉬운 방법이 있으면 알려주세요.

좋은 웹페이지 즐겨찾기