当前位置：首页 > article >正文

群控系统服务端开发模式-应用开发-前端退出功能

article 2024/11/14 20:37:52

我们从未登录一直到退出，现在已经登录到操作，现在完成退出。退出有两种情况下会退出：第一种情况下是手动点击退出按钮，第二种情况下是登录过期时间到了自动退出的。

一、手动退出

因退出及个人信息页面都在公有页面，所以存放的位置不同。具体位置在根目录下src文件夹下layout文件夹下components文件夹下Navbar.vue文件中。

1、修改退出按钮字样

<el-dropdown-item divided @click.native="logout">
    <span style="display:block;">退出</span>
</el-dropdown-item>

2、修改退出方法

在根目录下src文件夹下store文件夹下modules文件夹下user.js文件中，修改logout方法，代码如下

logout({ commit, state, dispatch }) {
    return new Promise((resolve, reject) => {
        logout().then(res => {
            if (res.code === 50034) {
                reject(res.message)
            } else if (res.code === 50000) {
                warn(res.message)
            } else {
                succ(res.message)
                commit('SET_TOKEN', '')
                commit('SET_BUTTS', [])
                commit('SET_ROLES', [])
                commit('SET_USERNAME', '')
                commit('SET_AVATAR', '')
                commit('SET_EMAIL', '')
                commit('SET_REALNAME', '')
                commit('SET_DEPARTMENT_TITLE', '')
                commit('SET_GRADE_TITLE', '')
                commit('SET_ROLENAME', '')
                removeToken()
                resetRouter()
                dispatch('tagsView/delAllViews', null, { root: true })
                resolve()
            }
        }).catch(error => {
            reject(error)
        })
    })
},

二、自动退出

1、工作原理

因我们的token存在Redis中，而Redis有一个键自动过期回调方法，只要采用thinkphp6的命令工具就行检测到，然后清理服务器上过期登录者数据状态即可。如果不做此操作，只是影响登录者的token记录真实退出时间而已。

2、创建监听过期时间命令

在根目录下config文件夹下console.php文件中，添加如下命令

<?php
// +----------------------------------------------------------------------
// | 控制台配置
// +----------------------------------------------------------------------
return [
    // 指令定义
    'commands' => [
        'redisClusterControlApiExpireToken' => 'app\command\ExpireToken',
    ],
];

3、创建监听过期时间方法

在根目录下app文件夹下创建command文件夹，然后在command文件夹下创建ExpireToken命令控制方法，具体代码如下

<?php
/**
 * 过期清理token命令
 * User: 龙哥·三年风水
 * Date: 2024/11/13
 * Time: 10:15
 */
namespace app\command;
use think\console\Command;
use think\console\Input;
use think\console\Output;

class ExpireToken extends Command
{
    protected function configure(){
        // 指令配置
        $this->setName('redisClusterControlApiExpireToken')->setDescription('the redisClusterControlApiExpireToken command');
    }

    protected function execute(Input $input, Output $output){
        $redis = new \Redis();
        $redis->connect('172.20.36.144',6379);
        $redis->auth('QXtr@@PxjoLenGon');
        $redis->setOption(\Redis::OPT_READ_TIMEOUT, -1);
        $redis->psubscribe(array("__keyevent@126__:expired"), function ($redis, $pattern, $channel, $msg){
            $res = explode('_', $msg);
            if(count($res) == 2){
                if(!is_numeric($res[1])){
                    $expireTime = time();
                    $dbconnect = new \PDO("mysql:host=172.20.36.143;dbname=cluster_control", 'cluster_control', '7%Qh3ar@TiA5Rt#gNPT');
                    $sqlTokenUpdate = "Update nc_permission_token SET expire_time = {$expireTime} WHERE token = '{$res[1]}'";
                    $dbconnect->exec($sqlTokenUpdate);
                }
            }
        });
    }
}