JavaScript做网页是否过期的处理

通过路由上的参数生成唯一md5和路由上token做验证_md5 token-CSDN博客

前言：基于这篇文章我们做网页是否超时，网页是否过期的处理。打开一个网页允许他在一定时间内可以访问，过了这个时间就不可以访问了，encrypt是h5加密方法，看看上面的文档

解释：其实原理也很简单：就是设置一个过期时间，加到了当前时间上，然后再解析的地方获取一下这个过期时间的值，和当前时间做个比较就行了

var tokenExpireSec = Math.floor(Date.now() / 1000) + 20  // 在当前时间上+30s表示30s之后过期

用到的地方：

var currentSeconds = Math.floor(Date.now() / 1000); // 拿到当前时间

if (currentSeconds > tokenExpireSec) {

    return "网页鉴权超时"

}

设置过期时间：

var webExpireSec = 300; // 网页有效期(秒)

var expireSec = Math.floor(Date.now() / 1000) + webExpireSec;

var token = encrypt(videoId + timestamp + ui_control + expireSec) + "-" + expireSec;

解析时间是否过期的地方（通过-分割，判断当前时间是否大于设置的过期时间，大于则网页过期）

let token = new URLSearchParams(location.search).get('token')

let tokenArr = token.split("-");
if (tokenArr.length >= 2) {
	token = tokenArr[0];
	// 判断是否过期
	let currentSeconds = Math.floor(Date.now() / 1000);
	let tokenExpireSec = parseInt(tokenArr[1]);
	if (currentSeconds > tokenExpireSec) {
		return "网页鉴权超时"
	}
	sysToken = md5(videoId + timestamp + ui_control + tokenArr[1]);
}

备注：也可以用时间来单独做md5加密，不用混杂videoId + timestamp + ui_control这些字段也ok的

其他：

npm引用：

import CryptoJS from "crypto-js";


/**
 * md5
 * @param {string|Buffer} data
 * @see https://tool.xuexiareas.com/encryption/md5
 * @returns {string} 小写16进制
 */
const md5 = (data: string) => {
	return CryptoJS.MD5(data).toString();
}

script引用：crypto-js：https://github.com/brix/crypto-js

添加好友备注【进阶学习】拉你进技术交流群