新增 + 优化

+ 高级选项 增加2.1.0内核功能 压缩算法和ipv6监听地址
+ 增加服务器地址栏复制按钮
+ 更新内核为最新版本
+ config.json 新增压缩算法配置 可参考 config_template.json
This commit is contained in:
黑先森
2024-12-20 16:10:57 +08:00
parent 582a4ab819
commit f9e0b8e1db
8 changed files with 138 additions and 57 deletions
+3
View File
@@ -0,0 +1,3 @@
<template>
<ElTag size="small" type="danger">内核 >= {{ $attrs.version }}</ElTag>
</template>
+2
View File
@@ -26,6 +26,8 @@ export const updateConfigJson = async (configJsonSeverUrl: Array<string> | strin
enableCustomListener, enableCustomListener,
enablePreventSleep, enablePreventSleep,
customListenerData, customListenerData,
customListenerV6Data,
enableCustomListenerV6,
...otherConfig ...otherConfig
} = mainStore.config; } = mainStore.config;
let writeServerUrl: Array<string> | string = serverUrl; let writeServerUrl: Array<string> | string = serverUrl;
+50 -7
View File
@@ -1,9 +1,9 @@
<template> <template>
<div class="h-full overflow-auto flex flex-col items-start px-[25px]"> <div class="flex h-full flex-col items-start overflow-auto px-[25px]">
<div><ElCheckbox v-model="mainStore.config.disableIpv6">不使用IPv6</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.disableIpv6">不使用IPv6</ElCheckbox></div>
<div class="flex items-center gap-[15px] flex-nowrap"> <div class="flex flex-nowrap items-center gap-[15px]">
<div class="flex items-center gap-[5px] flex-nowrap"> <div class="flex flex-nowrap items-center gap-[5px]">
<ElCheckbox v-model="mainStore.config.enableCustonProtocol">自定义联机时使用的默认协议</ElCheckbox> <ElCheckbox v-model="mainStore.config.enableCustomProtocol">自定义联机时使用的默认协议</ElCheckbox>
<ElTooltip content="如果没有支持该协议的节点地址,程序会自动处理,请放心使用"> <ElTooltip content="如果没有支持该协议的节点地址,程序会自动处理,请放心使用">
<ElIcon><QuestionFilled /></ElIcon> <ElIcon><QuestionFilled /></ElIcon>
</ElTooltip> </ElTooltip>
@@ -24,7 +24,7 @@
</ElSelect> </ElSelect>
</div> </div>
</div> </div>
<div class="flex items-center gap-[15px] flex-nowrap"> <div class="flex flex-nowrap items-center gap-[15px]">
<ElCheckbox v-model="mainStore.config.saveErrorLog">输出日志到本地</ElCheckbox> <ElCheckbox v-model="mainStore.config.saveErrorLog">输出日志到本地</ElCheckbox>
<div class="w-[140px]"> <div class="w-[140px]">
<ElSelect <ElSelect
@@ -49,7 +49,7 @@
</ElButton> </ElButton>
</div> </div>
<div><ElCheckbox v-model="mainStore.config.connectAfterStart">软件启动后自动"启动联机"(搭配开机自启无感联机)</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.connectAfterStart">软件启动后自动"启动联机"(搭配开机自启无感联机)</ElCheckbox></div>
<div class="flex items-center gap-[15px] flex-nowrap"> <div class="flex flex-nowrap items-center gap-[15px]">
<ElCheckbox v-model="mainStore.createConfigInEasytier">自动生成界面配置文件easytier/config.json</ElCheckbox> <ElCheckbox v-model="mainStore.createConfigInEasytier">自动生成界面配置文件easytier/config.json</ElCheckbox>
<ElButton <ElButton
@click="openConfigJsonDir" @click="openConfigJsonDir"
@@ -86,7 +86,7 @@
:disabled="mainStore.config.disbleListenner" :disabled="mainStore.config.disbleListenner"
v-model="mainStore.config.enableCustomListener" v-model="mainStore.config.enableCustomListener"
> >
自定义监听地址 自定义IPV4监听地址
</ElCheckbox> </ElCheckbox>
<ElButton <ElButton
size="small" size="small"
@@ -124,6 +124,27 @@
</template> </template>
</ElDialog> </ElDialog>
</div> </div>
<div class="flex items-center gap-[10px]">
<ElCheckbox
:disabled="mainStore.config.disbleListenner"
v-model="mainStore.config.enableCustomListenerV6"
>
自定义IPV6监听地址
</ElCheckbox>
<div class="w-[200px]">
<ElInput
:disabled="mainStore.config.disbleListenner || mainStore.config.enableCustomListenerV6"
size="small"
:maxlength="100"
v-model="mainStore.config.customListenerV6Data"
placeholder="请输入自定义IPV6监听地址"
/>
</div>
<ElTooltip content="例如:tcp://[::]:11010,如果未设置,将在随机UDP端口上监听">
<ElIcon><QuestionFilled /></ElIcon>
</ElTooltip>
<CoreVersionWarning version="2.1.0" />
</div>
<ElDivider /> <ElDivider />
<div class="flex items-center gap-[10px]"> <div class="flex items-center gap-[10px]">
<ElCheckbox v-model="mainStore.config.devName">自定义网卡名</ElCheckbox> <ElCheckbox v-model="mainStore.config.devName">自定义网卡名</ElCheckbox>
@@ -165,6 +186,27 @@
<div><ElCheckbox v-model="mainStore.config.enablExitNode">允许此节点成为出口节点</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.enablExitNode">允许此节点成为出口节点</ElCheckbox></div>
<div><ElCheckbox v-model="mainStore.config.disableEncryption">禁用对等节点通信的加密</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.disableEncryption">禁用对等节点通信的加密</ElCheckbox></div>
<div><ElCheckbox v-model="mainStore.config.multiThread">启用多线程运行</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.multiThread">启用多线程运行</ElCheckbox></div>
<div class="flex items-center gap-[10px]">
<ElText>压缩算法</ElText>
<div class="w-[90px]">
<ElSelect
size="small"
v-model="mainStore.config.compression"
placeholder="请选择压缩算法"
>
<ElOption
v-for="item in [
['none', '默认'],
['zstd', 'zstd算法']
]"
:key="item[0]"
:label="item[1]"
:value="item[0]"
></ElOption>
</ElSelect>
</div>
<CoreVersionWarning version="2.1.0" />
</div>
<ElDivider /> <ElDivider />
<div><ElCheckbox v-model="mainStore.config.useSmoltcp">为子网代理启用smoltcp堆栈</ElCheckbox></div> <div><ElCheckbox v-model="mainStore.config.useSmoltcp">为子网代理启用smoltcp堆栈</ElCheckbox></div>
@@ -185,6 +227,7 @@
import { reactive } from "vue"; import { reactive } from "vue";
import { dataSubscribe } from "@/composables/windows"; import { dataSubscribe } from "@/composables/windows";
import { supportProtocols } from "~/utils"; import { supportProtocols } from "~/utils";
import CoreVersionWarning from "@/components/CoreVersionWarning.vue";
const protocols = supportProtocols(); const protocols = supportProtocols();
const listenerDialogData = reactive<{ [key: string]: any }>({ const listenerDialogData = reactive<{ [key: string]: any }>({
+72 -30
View File
@@ -83,15 +83,34 @@
:value="item" :value="item"
> >
<div class="flex max-w-[calc(100vw-62px)] flex-nowrap items-center gap-[20px] overflow-hidden"> <div class="flex max-w-[calc(100vw-62px)] flex-nowrap items-center gap-[20px] overflow-hidden">
<ElTooltip v-if="item && item.length > 30" placement="top" :content="item || '-'"> <ElTooltip
v-if="item && item.length > 26"
placement="top"
:content="item || '-'"
>
<p class="truncate">{{ item }}</p> <p class="truncate">{{ item }}</p>
</ElTooltip> </ElTooltip>
<p v-else class="truncate">{{ item }}</p> <p
v-else
class="truncate"
>
{{ item }}
</p>
<div class="ml-auto flex-shrink-0"> <div class="ml-auto flex-shrink-0">
<ElButton
@click.stop="copyServerUrl(item)"
circle
size="small"
title="复制"
:icon="CopyDocument"
></ElButton>
<ElButton <ElButton
@click.stop="handleDeleteServerUrl(item)" @click.stop="handleDeleteServerUrl(item)"
round circle
size="small"
:icon="Delete" :icon="Delete"
title="删除"
type="danger" type="danger"
></ElButton> ></ElButton>
</div> </div>
@@ -310,17 +329,24 @@
增强工具 增强工具
</ElButton> </ElButton>
</div> </div>
<ElBadge badge-class="!text-[9px] cursor-pointer" :hidden="!data.hasNewVersion" :offset="[6, 7]" value="N"> <ElBadge
badge-class="!text-[9px] cursor-pointer"
:hidden="!data.hasNewVersion"
:offset="[6, 7]"
value="N"
>
<!-- <ElTooltip :disabled="!data.hasNewVersion" content="有新版发布了!"> --> <!-- <ElTooltip :disabled="!data.hasNewVersion" content="有新版发布了!"> -->
<ElLink <ElLink
class="ml-[8px] truncate pb-[2px] !text-[9px]" class="ml-[8px] truncate pb-[2px] !text-[9px]"
type="info" type="info"
:underline="false" :underline="false"
@click="open('https://github.com/EasyTier/EasytierGame')" @click="open('https://github.com/EasyTier/EasytierGame')"
>EasytierGame主页</ElLink> >
EasytierGame主页
</ElLink>
<!-- </ElTooltip> --> <!-- </ElTooltip> -->
</ElBadge> </ElBadge>
</div> </div>
</div> </div>
</div> </div>
@@ -346,7 +372,10 @@
> >
刷新 刷新
</ElButton> </ElButton>
<ElTooltip placement="top" content="打开内核缓存目录"> <ElTooltip
placement="top"
content="打开内核缓存目录"
>
<ElButton <ElButton
:icon="Folder" :icon="Folder"
size="small" size="small"
@@ -510,7 +539,8 @@
Tools, Tools,
MagicStick, MagicStick,
SetUp, SetUp,
Folder Folder,
CopyDocument
} from "@element-plus/icons-vue"; } from "@element-plus/icons-vue";
import { reactive, onBeforeUnmount, onMounted, ref } from "vue"; import { reactive, onBeforeUnmount, onMounted, ref } from "vue";
import { useTray, setTrayRunState, setTrayTooltip, checkNewVersion } from "~/composables/tray"; import { useTray, setTrayRunState, setTrayTooltip, checkNewVersion } from "~/composables/tray";
@@ -526,7 +556,7 @@
import { updateConfigJson } from "~/composables/configJson"; import { updateConfigJson } from "~/composables/configJson";
import { writeText, readText } from "@tauri-apps/plugin-clipboard-manager"; import { writeText, readText } from "@tauri-apps/plugin-clipboard-manager";
import { sortedUniq, uniq } from "lodash-es"; import { sortedUniq, uniq } from "lodash-es";
import { bounce, addQQGroup, supportProtocols, preventSleep, stopPreventSleep } from "~/utils"; import { bounce, addQQGroup, supportProtocols, preventSleep, stopPreventSleep, ATJ } from "~/utils";
import { ElConfirmDanger, ElConfirmPrimary } from "~/utils/element"; import { ElConfirmDanger, ElConfirmPrimary } from "~/utils/element";
import { getServerArgs } from "@/composables/server"; import { getServerArgs } from "@/composables/server";
@@ -590,6 +620,17 @@
data: "" data: ""
}); });
const copyServerUrl = async (serverUrl: string) => {
const [err, _] = await ATJ(writeText(serverUrl));
if (!err) {
ElMessage.success("地址已复制");
} else {
console.error(err);
ElMessage.success("复制失败");
}
};
const closePrevent = async () => { const closePrevent = async () => {
const appWindow = getCurrentWindow(); const appWindow = getCurrentWindow();
if (appWindow.label == "main") { if (appWindow.label == "main") {
@@ -647,18 +688,17 @@
} }
mainStore.basePeers = uniq([mainStore.config.serverUrl, ...mainStore.basePeers]); mainStore.basePeers = uniq([mainStore.config.serverUrl, ...mainStore.basePeers]);
}; };
// 手动触发持久化数据 // 手动触发持久化数据
const persist = async (appWindow: Window) => { const persist = async (appWindow: Window) => {
try { try {
appWindow.emitTo({ kind: "Any" }, "global-main-store", { store: { ...mainStore.$state } }); appWindow.emitTo({ kind: "Any" }, "global-main-store", { store: { ...mainStore.$state } });
mainStore.$persist(); mainStore.$persist();
}catch(err) { } catch (err) {
console.error(err); console.error(err);
ElMessage.error("手动持久数据失败"); ElMessage.error("手动持久数据失败");
} }
};
}
const listenObj: { [key: string]: any } = { const listenObj: { [key: string]: any } = {
unListenOutPut: null, unListenOutPut: null,
@@ -756,16 +796,16 @@
const ipv4 = config.ipv4; const ipv4 = config.ipv4;
mainStore.$patch(event.payload as any); mainStore.$patch(event.payload as any);
config.ipv4 = ipv4; config.ipv4 = ipv4;
if(mainStore.config.enablePreventSleep) { if (mainStore.config.enablePreventSleep) {
preventSleep(); preventSleep();
}else { } else {
stopPreventSleep(); stopPreventSleep();
} }
persist(appWindow); persist(appWindow);
}); });
const unListen2 = mainStore.$subscribe(() => { const unListen2 = mainStore.$subscribe(() => {
persist(appWindow); persist(appWindow);
}) });
this.unListenConfigStart = [unListen, unListen2]; this.unListenConfigStart = [unListen, unListen2];
}, },
async listenStartStopServer() { async listenStartStopServer() {
@@ -908,7 +948,7 @@
const guiJsonStrUint8 = await readFile(path, { baseDir: BaseDirectory.Resource }); const guiJsonStrUint8 = await readFile(path, { baseDir: BaseDirectory.Resource });
if (guiJsonStrUint8) { if (guiJsonStrUint8) {
try { try {
const decoder = new TextDecoder('utf-8'); const decoder = new TextDecoder("utf-8");
const guiJsonStr = decoder.decode(guiJsonStrUint8); const guiJsonStr = decoder.decode(guiJsonStrUint8);
const regex = /^(\s*\/\/.*)/gm; const regex = /^(\s*\/\/.*)/gm;
const regex2 = /(,?)\s*\/\/.*(?=\n|$|\r\n)/gm; const regex2 = /(,?)\s*\/\/.*(?=\n|$|\r\n)/gm;
@@ -973,9 +1013,9 @@
const initPreventSleep = async () => { const initPreventSleep = async () => {
if (mainStore.config.enablePreventSleep) { if (mainStore.config.enablePreventSleep) {
preventSleep(); preventSleep();
} }
} };
const mountedShow = async () => { const mountedShow = async () => {
const args = await getMatches(); const args = await getMatches();
@@ -988,7 +1028,7 @@
let logsTimer: NodeJS.Timeout | null = null; let logsTimer: NodeJS.Timeout | null = null;
let serverLogsTimer: NodeJS.Timeout | null = null; let serverLogsTimer: NodeJS.Timeout | null = null;
let cidrTimer : NodeJS.Timeout | null = null; let cidrTimer: NodeJS.Timeout | null = null;
onMounted(async () => { onMounted(async () => {
await initGuiJson(); await initGuiJson();
@@ -1064,13 +1104,13 @@
args.push("--network-secret", config.networkPassword); args.push("--network-secret", config.networkPassword);
} }
if (config.ipv4) { if (config.ipv4) {
args.push("--ipv4", config.ipv4); args.push("--ipv4", config.ipv4.trim());
} }
if (config.serverUrl) { if (config.serverUrl) {
const formatUrl = config.serverUrl.replace(/\\/g, "/"); const formatUrl = config.serverUrl.replace(/\\/g, "/");
args.push("--peers", ...config.protocol.map(protocol => `${protocol}://${formatUrl}`)); args.push("--peers", ...config.protocol.map(protocol => `${protocol}://${formatUrl}`));
} }
if (config.enableCustonProtocol) { if (config.enableCustomProtocol) {
const includes = config.protocol.includes(config.customProtocol); const includes = config.protocol.includes(config.customProtocol);
if (includes) { if (includes) {
args.push("--default-protocol", config.customProtocol); args.push("--default-protocol", config.customProtocol);
@@ -1095,6 +1135,9 @@
args.push("-l", ...customListener); args.push("-l", ...customListener);
} }
} }
if (!config.disbleListenner && config.enableCustomListenerV6 && config.customListenerV6Data){
args.push("--ipv6-listener", config.customListenerV6Data)
}
if (!config.disbleListenner && !config.enableCustomListener && config.port) { if (!config.disbleListenner && !config.enableCustomListener && config.port) {
args.push("-l", config.port); args.push("-l", config.port);
} }
@@ -1105,7 +1148,7 @@
.filter(cidr => { .filter(cidr => {
return /^\d+\.\d+\.\d+\.\d+\/\d+$/g.test(cidr); return /^\d+\.\d+\.\d+\.\d+\/\d+$/g.test(cidr);
}); });
if(newformatProxyNetworks.length > 0) { if (newformatProxyNetworks.length > 0) {
args.push("--proxy-networks", ...newformatProxyNetworks); args.push("--proxy-networks", ...newformatProxyNetworks);
} }
config.proxyNetworks = formatProxyNetworks.join("\n"); config.proxyNetworks = formatProxyNetworks.join("\n");
@@ -1188,7 +1231,6 @@
await invoke("run_command", { await invoke("run_command", {
args args
}); });
} }
}; };
Binary file not shown.
Binary file not shown.
+11 -3
View File
@@ -15,6 +15,8 @@ const store = defineStore("main", {
disableIpv6: false, // 是否禁用IPv6 disableIpv6: false, // 是否禁用IPv6
port: "11010", // 监听端口号 port: "11010", // 监听端口号
enableCustomListener: false, // 是否自定义监听 enableCustomListener: false, // 是否自定义监听
customListenerV6Data: "", //自定义ipv6监听
enableCustomListenerV6: false, // 是否自定义监听
customListenerData: "", // 自定义监听地址 customListenerData: "", // 自定义监听地址
disbleListenner: false, // 是否禁用监听 disbleListenner: false, // 是否禁用监听
disableEncryption: true, // 是否禁用加密 disableEncryption: true, // 是否禁用加密
@@ -31,11 +33,12 @@ const store = defineStore("main", {
logLevel: "error", //日志等级 logLevel: "error", //日志等级
devName: false, //自定义网卡名 devName: false, //自定义网卡名
devNameValue: "", //自定义网卡名 devNameValue: "", //自定义网卡名
enableCustonProtocol: false, //自定义默认协议 enableCustomProtocol: false, //自定义默认协议
customProtocol: "tcp", //自定义默认协议 customProtocol: "tcp", //自定义默认协议
enableNetCardMetric: false, //启用网卡自定义跃点 enableNetCardMetric: false, //启用网卡自定义跃点
netCardMetricValue: 1, //自定义网卡跃点值 netCardMetricValue: 1, //自定义网卡跃点值
enablePreventSleep: false //组织系统休眠 enablePreventSleep: false, //组织系统休眠
compression: "none", //加密算法
}, },
serverConfig: { serverConfig: {
enableWhiteList: true, // 是否启用白名单 enableWhiteList: true, // 是否启用白名单
@@ -71,7 +74,6 @@ const store = defineStore("main", {
"config.autoStart", "config.autoStart",
"config.connectAfterStart", "config.connectAfterStart",
"config.disableIpv6", "config.disableIpv6",
"config.disbleListenner",
"config.disableEncryption", "config.disableEncryption",
"config.multiThread", "config.multiThread",
"config.enablExitNode", "config.enablExitNode",
@@ -89,11 +91,17 @@ const store = defineStore("main", {
"config.enableNetCardMetric", "config.enableNetCardMetric",
"config.netCardMetricValue", "config.netCardMetricValue",
"config.port", "config.port",
"config.disbleListenner",
"config.enableCustomListener", "config.enableCustomListener",
"config.customListenerData", "config.customListenerData",
"config.enableCustomListenerV6",
"config.customListenerV6Data",
"config.enableCustonProtocol", "config.enableCustonProtocol",
"config.customProtocol", "config.customProtocol",
"config.enablePreventSleep", "config.enablePreventSleep",
"config.compression",
"serverConfig.autoStart", "serverConfig.autoStart",
// 'serverConfig.enableListener', // 'serverConfig.enableListener',
-17
View File
@@ -1,5 +1,4 @@
import useMainStore from "@/stores/index"; import useMainStore from "@/stores/index";
import * as tauriAutoStart from "@tauri-apps/plugin-autostart";
import { open, Command } from "@tauri-apps/plugin-shell"; import { open, Command } from "@tauri-apps/plugin-shell";
import { invoke } from "@tauri-apps/api/core"; import { invoke } from "@tauri-apps/api/core";
@@ -52,19 +51,3 @@ const handleAutoStartByNssm = async () => {
} }
} }
}; };
// 兼容autostart插件
const compatibleAutoStart = async () => {
const config = useMainStore().config;
const is_enable = await tauriAutoStart.isEnabled();
if (is_enable) {
try {
await tauriAutoStart.disable();
config.autoStart = false;
} catch (err) {
// ElMessage.error(`取消自启失败`);
}
}
const serverStatus = await Command.create("nssm", ["status", import.meta.env.VITE_AUTO_START_SERVICE_NAME]).execute();
console.log(serverStatus);
};