2

私はDeviseを使用していますが、自動ログアウトはうまく機能します。

ただし、ユーザーが別の要求を行うまで、ログアウトされたことは通知されません。その時点で、ユーザーはサインイン ページにリダイレクトされます。AJAX 機能の場合、これは素晴らしいことではありません。サイレントに失敗するか、例外が発生します。

Devise wiki には例がないようですが、これに対する標準的な解決策はありますか? ユーザーが「ログインしたままにする」をクリックしない場合にリダイレクトする、カウントダウンタイマーを備えたJavaScriptポップアップ?

4

1 に答える 1

1

以下のようなjscriptタイムアウトを実装することになりました。

いくつかの未回答の質問:

  • 別のタブに切り替えるとどうなりますか?
  • IEで動作しますか？

アプリケーション.js

//= require timer

// redirect user after 15 minutes of inactivity - should match Devise.timeout_in + 1 second grace period
$(function() {
    var logout_timer = new Timer(901, 'users/sign_in', window);
    logout_timer.start();

    // restart timer if activity
    $(document).on('keyup keypress blur change mousemove',function(){
      logout_timer.start();
    });

});

timer.js

Timer = function(time_in_secs, path, windowobj) {  // window object must be injected, else location replace will fail specs
  var self = this;    // 'this' not avail in setInterval, must set to local var avail to all functions
  this.state = 'init'
  this.time_remaining = time_in_secs;
  this.timer_id = undefined;

  this.start = function() {
    // if restarting, there will be a timer id.  Clear it to prevent creating a new timer, reset time remaining
    if (this.timer_id !== undefined) {
      this.time_remaining = time_in_secs;
      this.clear_timer(this.timer_id, self); 
    }
    this.state = 'running';

    this.timer_id = setInterval(function() {    // IE any version does not allow args to setInterval.  Therefore, local variables or refer to self obj
      self.time_remaining -= 1;

      // log status every 10 seconds
      if ((self.time_remaining % 10) === 0) {
        console.log("logging user out in " + self.time_remaining + " seconds");
      }

      // when timer runs out, clear timer and redirect
      if ( self.time_remaining <= 0 ) {
        self.clear_timer(self.timer_id, self);
        self.do_redirect(path, windowobj);
      };


    }, 1000);
    return this.timer_id;
  };

  this.clear_timer = function(timer_id, self) {
    self.state = 'stopped';
    clearInterval(self.timer_id);
  }

  this.remaining = function() {
    return this.time_remaining;
  };

  this.do_redirect = function(path, windowobj) {
    console.log("Redirecting to " + path);
    self.state = 'redirecting';
    windowobj.location = path;
  }
}
于 2013-11-11T16:33:41.143 に答える