마지막으로 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.tsmodule 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");
}
}
}
말할 것도 없이'정말 억지로 해보는 것 같다'는 느낌이 들어서 똑똑한 방법은 아니다.
더 쉬운 방법이 있으면 알려주세요.
Reference
이 문제에 관하여(마지막으로 Browser가 꺼진 상태에서 "..."처리를 강행하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tab02733/items/c4888f1875540c7d720a
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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.tsmodule 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");
}
}
}
말할 것도 없이'정말 억지로 해보는 것 같다'는 느낌이 들어서 똑똑한 방법은 아니다.더 쉬운 방법이 있으면 알려주세요.
Reference
이 문제에 관하여(마지막으로 Browser가 꺼진 상태에서 "..."처리를 강행하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tab02733/items/c4888f1875540c7d720a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)