Compare commits

...
6 Commits
25 changed files with 463 additions and 244 deletions
+4 -1
View File
@@ -28,7 +28,7 @@ Releases [https://github.com/EasyTier/EasytierGame/releases](https://github.c
- 如果还是无法满足您的需求,可以使用配置文件进行启动,具体如何配置,可以查看文档[配置文件](/guide/network/config-file.html) - 如果还是无法满足您的需求,可以使用配置文件进行启动,具体如何配置,可以查看文档[配置文件](/guide/network/config-file.html)
![game-step5](/assets/game-step5.png) ![game-step5](/assets/game-step5.png)
- easytier内核升级后,可以点击更新插件按钮就可以进行更新,但是需要出国,如果无法更新,可以在群里获取 - easytier内核升级后,可以点击内核管理按钮就可以进行内核切换和更新,但是需要出国或者github加速链接,如果无法更新,可以在群里获取
![game-step6](/assets/game-step6.png) ![game-step6](/assets/game-step6.png)
- 1.1.4更新了 配置分享功能 可以与朋友之间分享配置,方便联机 - 1.1.4更新了 配置分享功能 可以与朋友之间分享配置,方便联机
@@ -46,6 +46,9 @@ Releases [https://github.com/EasyTier/EasytierGame/releases](https://github.c
**解压zip后你可以查看 easytier/config_template.json 里的注释进行配置** **解压zip后你可以查看 easytier/config_template.json 里的注释进行配置**
![game-step10](/assets/game-step10.png) ![game-step10](/assets/game-step10.png)
- 1.2.3新增了帮助.txt 位于“easytier/帮助.txt" 内含 无法打开界面和卸载EasytierGame的办法,新增 "easytier/clear_local_data.bat" 用于清除easytierGame的本地缓存数据(需要管理员模式运行)
![game-step11](/assets/game-step11.png)
## 特性 ## 特性
- 基于easytier组网工具开发,界面清晰简单 - 基于easytier组网工具开发,界面清晰简单
+24
View File
@@ -6,6 +6,30 @@
<script setup lang="ts"> <script setup lang="ts">
import useMainStore from "@/stores/index"; import useMainStore from "@/stores/index";
import { initTheme } from "@/composables/theme"; import { initTheme } from "@/composables/theme";
import { warn, debug, trace, info, error } from "@tauri-apps/plugin-log";
function forwardConsole(fnName: "log" | "debug" | "info" | "warn" | "error", logger: (message: string) => Promise<void>) {
const original = console[fnName];
console[fnName] = (message) => {
original(message);
if (import.meta.env.PROD) {
try {
if (typeof message === "string") {
logger(message);
} else {
logger(JSON.stringify(message));
}
} catch (e) {
logger(`${message}`);
}
}
};
}
forwardConsole("log", info);
forwardConsole("debug", debug);
forwardConsole("info", info);
forwardConsole("warn", warn);
forwardConsole("error", error);
const mainStore = useMainStore(); const mainStore = useMainStore();
// console.log(mainStore.theme) // console.log(mainStore.theme)
initTheme(mainStore.theme); initTheme(mainStore.theme);
+5
View File
@@ -32,3 +32,8 @@ html.dark body {
box-sizing: border-box; box-sizing: border-box;
padding: 3px 5px; padding: 3px 5px;
} }
.full-label .el-form-item__label {
width: 100%;
padding-right: 0;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 23 KiB

+1 -1
View File
@@ -39,7 +39,7 @@ export const updateConfigJson = async (configJsonSeverUrl: Array<string> | strin
} }
await writeTextFile(path, JSON.stringify({ serverUrl: writeServerUrl, ...otherConfig }, null, 4), { baseDir: BaseDirectory.Resource }); await writeTextFile(path, JSON.stringify({ serverUrl: writeServerUrl, ...otherConfig }, null, 4), { baseDir: BaseDirectory.Resource });
} catch (err) { } catch (err) {
console.log(err); console.error(err);
ElMessage.error(`更新config.json失败`); ElMessage.error(`更新config.json失败`);
} }
}; };
+12 -4
View File
@@ -2,6 +2,8 @@ import { invoke } from "@tauri-apps/api/core";
import { Command } from "@tauri-apps/plugin-shell"; import { Command } from "@tauri-apps/plugin-shell";
import { ElMessage, type TabPaneName } from "element-plus"; import { ElMessage, type TabPaneName } from "element-plus";
import useMainStore from "@/stores/index"; import useMainStore from "@/stores/index";
import { BaseDirectory } from "@tauri-apps/api/path";
import { exists } from "@tauri-apps/plugin-fs";
const getWinIpBroadcastPid = async () => { const getWinIpBroadcastPid = async () => {
const mainStore = useMainStore(); const mainStore = useMainStore();
@@ -19,17 +21,23 @@ export const handleWinipBcStart = async () => {
if (!mainStore.winipBcStart) { if (!mainStore.winipBcStart) {
try { try {
await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 }); await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
const isExists = await exists("easytier/tool/WinIPBroadcast.exe", { baseDir: BaseDirectory.Resource });
if(!isExists) {
ElMessage.error(`WinipBc不存在`);
console.error(`WinipBc不存在`);
return;
}
const child = await Command.create("WinIPBroadcast", ["run"]).spawn(); const child = await Command.create("WinIPBroadcast", ["run"]).spawn();
mainStore.winipBcPid = child.pid || 0; mainStore.winipBcPid = child.pid || 0;
if (mainStore.winipBcPid) { if (mainStore.winipBcPid) {
mainStore.winipBcStart = true; mainStore.winipBcStart = true;
mainStore.winIpBcAutoStart = true; mainStore.winIpBcAutoStart = true;
} else { } else {
ElMessage.error(`启动失败`); ElMessage.error(`WinipBc失败`);
} }
} catch (err) { } catch (err) {
ElMessage.error(`启动失败`); ElMessage.error(`WinipBc失败`);
console.log(err); console.error(err);
} }
} else { } else {
mainStore.winIpBcAutoStart = false; mainStore.winIpBcAutoStart = false;
@@ -41,7 +49,7 @@ export const handleWinipBcStart = async () => {
export const initStartWinIpBroadcast = async () => { export const initStartWinIpBroadcast = async () => {
const mainStore = useMainStore(); const mainStore = useMainStore();
await getWinIpBroadcastPid(); await getWinIpBroadcastPid();
// console.log(mainStore.winipBcStart, mainStore.winIpBcAutoStart) // console.error(mainStore.winipBcStart, mainStore.winIpBcAutoStart)
if (mainStore.winIpBcAutoStart && !mainStore.winipBcStart) { if (mainStore.winIpBcAutoStart && !mainStore.winipBcStart) {
await handleWinipBcStart(); await handleWinipBcStart();
} }
+1 -1
View File
@@ -36,7 +36,7 @@ export async function useTray(init: boolean = false, beforExit: Function) {
}); });
} }
} catch (error) { } catch (error) {
console.warn("Error while creating tray icon:", error); console.error("Error while creating tray icon:", error);
return null; return null;
} }
+3 -3
View File
@@ -26,13 +26,13 @@ export default async (
if (appWindow) { if (appWindow) {
const appSize = await appWindow.outerSize(); const appSize = await appWindow.outerSize();
// const monitor = await currentMonitor(); // const monitor = await currentMonitor();
// console.log(monitor) // console.error(monitor)
const factor = await appWindow.scaleFactor(); const factor = await appWindow.scaleFactor();
const appPosition = await appWindow.outerPosition(); const appPosition = await appWindow.outerPosition();
// console.log((appPosition.x + appSize.width) / 1.25); // console.error((appPosition.x + appSize.width) / 1.25);
const logicalPosition = new PhysicalPosition(appPosition.x + appSize.width, appPosition.y).toLogical(factor); const logicalPosition = new PhysicalPosition(appPosition.x + appSize.width, appPosition.y).toLogical(factor);
defaultOpts.parent = appWindow; defaultOpts.parent = appWindow;
// console.log(logicalPosition); // console.error(logicalPosition);
defaultOpts.x = logicalPosition.x; defaultOpts.x = logicalPosition.x;
defaultOpts.y = logicalPosition.y; defaultOpts.y = logicalPosition.y;
} }
+2 -1
View File
@@ -3,7 +3,7 @@
"private": true, "private": true,
"author": "leizi97", "author": "leizi97",
"description": "A simple network initiator based on Easytier", "description": "A simple network initiator based on Easytier",
"version": "1.2.1", "version": "1.2.3",
"scripts": { "scripts": {
"dev": "nuxt dev --dotenv env/.env.dev --host 0.0.0.0", "dev": "nuxt dev --dotenv env/.env.dev --host 0.0.0.0",
"build": "nuxt generate --dotenv env/.env.prod" "build": "nuxt generate --dotenv env/.env.prod"
@@ -20,6 +20,7 @@
"@tauri-apps/plugin-clipboard-manager": "^2.0.0", "@tauri-apps/plugin-clipboard-manager": "^2.0.0",
"@tauri-apps/plugin-fs": "~2", "@tauri-apps/plugin-fs": "~2",
"@tauri-apps/plugin-http": "^2.0.1", "@tauri-apps/plugin-http": "^2.0.1",
"@tauri-apps/plugin-log": "^2.0.0",
"@tauri-apps/plugin-shell": "~2", "@tauri-apps/plugin-shell": "~2",
"@tauri-apps/plugin-window-state": "~2", "@tauri-apps/plugin-window-state": "~2",
"@types/lodash-es": "^4.17.12", "@types/lodash-es": "^4.17.12",
+2 -2
View File
@@ -76,7 +76,7 @@
<ElDivider /> <ElDivider />
<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">禁用对等节点通信的加密默认为false必须与对等节点相同</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>
<ElDivider /> <ElDivider />
@@ -123,7 +123,7 @@
} }
}; };
mainStore.$subscribe(async (...a) => { mainStore.$subscribe(async (...a) => {
// console.log("subscribe", a); // console.error("subscribe", a);
await appWindow.emitTo("main", "config", { config: { ...mainStore.config }, createConfigInEasytier: mainStore.createConfigInEasytier }); await appWindow.emitTo("main", "config", { config: { ...mainStore.config }, createConfigInEasytier: mainStore.createConfigInEasytier });
// if(mainStore.createConfigInEasytier) { // if(mainStore.createConfigInEasytier) {
// updateConfigJson(); // updateConfigJson();
+238 -167
View File
@@ -2,8 +2,7 @@
<ElForm <ElForm
size="small" size="small"
label-position="top" label-position="top"
:model="config" :model="config">
>
<!-- element-loading-custom-class="config-start" <!-- element-loading-custom-class="config-start"
v-loading="mainStore.configStartEnable" v-loading="mainStore.configStartEnable"
:element-loading-spinner="'<path />'" :element-loading-spinner="'<path />'"
@@ -12,48 +11,52 @@
<ElFormItem <ElFormItem
label="服务器" label="服务器"
prop="serverUrl" prop="serverUrl"
> class="full-label">
<template #label> <template #label>
<div class="flex items-center gap-[0_5px]"> <div class="flex items-center flex-nowrap gap-[0_5px]">
<div>服务器</div> <div>服务器</div>
<span>-</span> <span>-</span>
<ElTag <ElTag
effect="dark" effect="dark"
:type="data.isSuccessGetIp ? 'success' : 'info'" :type="data.isSuccessGetIp ? 'success' : 'info'">
>
{{ data.isSuccessGetIp ? "联机成功" : data.isStart && !data.isSuccessGetIp ? "联机中" : "未联机" }} {{ data.isSuccessGetIp ? "联机成功" : data.isStart && !data.isSuccessGetIp ? "联机中" : "未联机" }}
</ElTag> </ElTag>
<ElButton <ElButton
v-if="!data.coreVersion" v-if="!data.coreVersion"
@click="getCoreVersion(true)" @click="getCoreVersion(true)">
>
获取内核版本 获取内核版本
</ElButton> </ElButton>
<ElTag <div
v-else v-else
type="info" class="flex-1 truncate">
> <ElTooltip :content="data.coreVersion">
{{ data.coreVersion }} <ElTag type="info">
</ElTag> {{ data.coreVersion }}
<ElPopconfirm </ElTag>
</ElTooltip>
</div>
<!-- <ElPopconfirm
width="325" width="325"
cancel-button-text="取消" cancel-button-text="取消"
confirm-button-text="继续" confirm-button-text="继续"
title="内核从github下载,需要出国工具,可能下载缓慢或失败,是否继续? title="内核从github下载,需要出国工具,可能下载缓慢或失败,是否继续?
也可以从官方群里手动下载后解压到easytier-game.exe同级目录下的easytier目录里,全部覆盖即可" 也可以从官方群里手动下载后解压到easytier-game.exe同级目录下的easytier目录里,全部覆盖即可"
@confirm="handleUpdateCore" @confirm="handleCoreManagement"
> >
<template #reference> <template #reference> -->
<ElButton <ElButton
:disabled="data.isStart" class="ml-auto"
:loading="data.update" :disabled="data.isStart"
type="warning" @click="handleCoreManagement"
size="small" :loading="data.update"
> type="primary"
{{ data.coreVersion ? "更新内核" : "下载内核" }} size="small">
</ElButton> 内核管理
</template> <!-- {{ data.coreVersion ? "更新内核" : "下载内核" }} -->
</ElPopconfirm> </ElButton>
<!-- </template>
</ElPopconfirm> -->
</div> </div>
</template> </template>
<ElSelect <ElSelect
@@ -62,8 +65,7 @@
placeholder="请选择服务器地址" placeholder="请选择服务器地址"
default-first-option default-first-option
v-model="config.serverUrl" v-model="config.serverUrl"
@change="handleServerUrlChange" @change="handleServerUrlChange">
>
<template #prefix> <template #prefix>
<div :class="config.protocol && config.protocol.length > 1 ? 'w-[120px]' : 'w-[80px]'"> <div :class="config.protocol && config.protocol.length > 1 ? 'w-[120px]' : 'w-[80px]'">
<ElSelect <ElSelect
@@ -72,14 +74,12 @@
collapse-tags collapse-tags
@click.stop @click.stop
v-model="config.protocol" v-model="config.protocol"
@change="handleServerUrlChange" @change="handleServerUrlChange">
>
<ElOption <ElOption
v-for="item in protocols" v-for="item in protocols"
:key="item" :key="item"
:label="item" :label="item"
:value="item" :value="item"></ElOption>
></ElOption>
</ElSelect> </ElSelect>
</div> </div>
</template> </template>
@@ -87,8 +87,7 @@
v-for="item in mainStore.basePeers" v-for="item in mainStore.basePeers"
:key="item" :key="item"
:label="item" :label="item"
:value="item" :value="item">
>
<div class="flex items-center gap-[20px] overflow-hidden flex-nowrap max-w-[calc(100vw-62px)]"> <div class="flex items-center gap-[20px] overflow-hidden flex-nowrap max-w-[calc(100vw-62px)]">
<ElTooltip :content="item"> <ElTooltip :content="item">
<p class="truncate">{{ item }}</p> <p class="truncate">{{ item }}</p>
@@ -98,8 +97,7 @@
@click.stop="handleDeleteServerUrl(item)" @click.stop="handleDeleteServerUrl(item)"
round round
:icon="Delete" :icon="Delete"
type="danger" type="danger"></ElButton>
></ElButton>
</div> </div>
</div> </div>
</ElOption> </ElOption>
@@ -119,8 +117,7 @@
<ElInput <ElInput
maxlength="100" maxlength="100"
placeholder="请输入网络名" placeholder="请输入网络名"
v-model="config.networkName" v-model="config.networkName"></ElInput>
></ElInput>
</ElFormItem> </ElFormItem>
</div> </div>
<div class="flex-1"> <div class="flex-1">
@@ -138,8 +135,7 @@
maxlength="100" maxlength="100"
placeholder="请输入网络密码" placeholder="请输入网络密码"
v-model="config.networkPassword" v-model="config.networkPassword"
type="password" type="password"></ElInput>
></ElInput>
</ElFormItem> </ElFormItem>
</div> </div>
</div> </div>
@@ -156,13 +152,11 @@
<ElInput <ElInput
maxlength="100" maxlength="100"
placeholder="例如: Player1" placeholder="例如: Player1"
v-model="config.hostname" v-model="config.hostname"></ElInput>
></ElInput>
</ElFormItem> </ElFormItem>
<ElFormItem <ElFormItem
class="w-[70%]" class="w-[70%]"
label="局域网IP" label="局域网IP">
>
<template #label> <template #label>
<div class="flex items-center h-[20px]"> <div class="flex items-center h-[20px]">
虚拟网IP 虚拟网IP
@@ -175,16 +169,14 @@
inline-prompt inline-prompt
inactive-text="固定IP" inactive-text="固定IP"
active-text="动态获取IP" active-text="动态获取IP"
size="small" size="small"></ElSwitch>
></ElSwitch>
</div> </div>
</template> </template>
<ElInput <ElInput
maxlength="100" maxlength="100"
:disabled="config.dhcp" :disabled="config.dhcp"
:placeholder="data.isStart && config.dhcp ? '等待动态分配IP...' : '例如: 10.126.126.1'" :placeholder="data.isStart && config.dhcp ? '等待动态分配IP...' : '例如: 10.126.126.1'"
v-model="config.ipv4" v-model="config.ipv4"></ElInput>
></ElInput>
</ElFormItem> </ElFormItem>
</div> </div>
<!-- </div> --> <!-- </div> -->
@@ -198,28 +190,24 @@
size="default" size="default"
:type="!data.isStart ? 'primary' : 'danger'" :type="!data.isStart ? 'primary' : 'danger'"
:disabled="data.startLoading || !data.coreVersion || data.update" :disabled="data.startLoading || !data.coreVersion || data.update"
@click="handleConnection" @click="handleConnection">
>
{{ !data.isStart ? "启动联机" : "停止联机" }} {{ !data.isStart ? "启动联机" : "停止联机" }}
<template #dropdown> <template #dropdown>
<ElDropdownMenu> <ElDropdownMenu>
<ElDropdownItem <ElDropdownItem
command="import_config" command="import_config"
:icon="Link" :icon="Link">
>
导入配置 导入配置
</ElDropdownItem> </ElDropdownItem>
<ElDropdownItem <ElDropdownItem
command="share_config" command="share_config"
:icon="Share" :icon="Share">
>
分享配置 分享配置
</ElDropdownItem> </ElDropdownItem>
<ElDropdownItem <ElDropdownItem
:icon="Tools" :icon="Tools"
command="toml" command="toml"
:disabled="data.isStart" :disabled="data.isStart">
>
使用外部配置文件 使用外部配置文件
</ElDropdownItem> </ElDropdownItem>
</ElDropdownMenu> </ElDropdownMenu>
@@ -229,57 +217,51 @@
<div class="mt-[6px] pl-[2px]"> <div class="mt-[6px] pl-[2px]">
<ElTooltip <ElTooltip
placement="left" placement="left"
content="日志" content="日志">
>
<ElButton <ElButton
:type="!data.logVisible ? 'info' : 'warning'" :type="!data.logVisible ? 'info' : 'warning'"
@click="handleShowLogDialog" @click="handleShowLogDialog"
:icon="List" :icon="List"
size="small" size="small"
plain plain></ElButton>
></ElButton>
</ElTooltip> </ElTooltip>
<ElTooltip <ElTooltip
placement="left" placement="left"
content="成员" content="成员">
>
<ElButton <ElButton
@click="handleShowMemberDialog" @click="handleShowMemberDialog"
:icon="UserFilled" :icon="UserFilled"
plain plain
type="success" type="success"
size="small" size="small"></ElButton>
></ElButton>
</ElTooltip> </ElTooltip>
</div> </div>
</div> </div>
<div class="ml-auto"> <div class="ml-auto">
<ElCheckbox <ElCheckbox
v-model="config.disbleP2p" v-model="config.disbleP2p"
size="small" size="small">
>
强制中转 强制中转
</ElCheckbox> </ElCheckbox>
<ElTooltip placement="top-start" content="自启后隐藏于托盘,不显示界面"> <ElTooltip
placement="top-start"
content="自启后隐藏于托盘,不显示界面">
<ElCheckbox <ElCheckbox
@change="handleAutoStartByTask" @change="handleAutoStartByTask"
:model-value="config.autoStart" :model-value="config.autoStart"
size="small" size="small">
>
开机自启 开机自启
</ElCheckbox> </ElCheckbox>
</ElTooltip> </ElTooltip>
<div> <div>
<ElButton <ElButton
@click="handleShowCidrDialog" @click="handleShowCidrDialog"
:icon="Share" :icon="Share">
>
子网代理 子网代理
</ElButton> </ElButton>
<ElButton <ElButton
@click="handleShowAdvanceDialog" @click="handleShowAdvanceDialog"
:icon="Setting" :icon="Setting">
>
高级选项 高级选项
</ElButton> </ElButton>
</div> </div>
@@ -290,8 +272,7 @@
type="primary" type="primary"
size="small" size="small"
:icon="MagicStick" :icon="MagicStick"
@click="handleShowToolDialog" @click="handleShowToolDialog">
>
增强工具 增强工具
</ElButton> </ElButton>
</div> </div>
@@ -299,14 +280,78 @@
class="!text-[9px] pb-[2px] ml-[8px] truncate" class="!text-[9px] pb-[2px] ml-[8px] truncate"
type="info" type="info"
:underline="false" :underline="false"
@click="open('https://github.com/EasyTier/EasytierGame')" @click="open('https://github.com/EasyTier/EasytierGame')">
>
EasytierGame主页 EasytierGame主页
</ElLink> </ElLink>
</div> </div>
</div> </div>
</div> </div>
</ElForm> </ElForm>
<ElDialog
width="95%"
top="10px"
append-to-body
:z-index="10"
class="!mb-0"
v-model="coreManagementData.visible"
:close-on-press-escape="false"
title="内核管理">
<div>
<ElText>当前版本: {{ data.coreVersion || "-" }}</ElText>
</div>
<div class="mt-[10px] pb-[5px]">
<ElText class="!mr-[10px]">选择一个内核版本安装</ElText>
<ElButton
:loading="coreManagementData.loading"
@click="getReleaseList"
size="small"
>刷新</ElButton
>
</div>
<ElSelect
placeholder="请选择内核版本"
no-data-text="正在获取中..."
popper-class="!h-[120px]"
v-model="coreManagementData.data">
<ElOption
v-for="(release, idx) in data.releaseList"
:key="`${idx}-ray`"
:label="release[0]"
:value="`${release[2]}<>${release[1]}`">
{{ release ? release[0] : "" }}
</ElOption>
</ElSelect>
<div class="pb-[5px] mt-[10px]">
<ElTooltip content="不使用出国软件也能告诉下载github Release包的地址,可自行搜索替换使用">
<ElText>github下载加速地址</ElText>
</ElTooltip>
</div>
<ElInput
v-model="mainStore.githubFastUrl"
placeholder="请输入github加速地址"></ElInput>
<template #footer>
<div class="text-right">
<ElButton
size="small"
:loading="data.update"
@click="handleInstallCore"
type="primary">
安装选中内核
</ElButton>
<ElButton
size="small"
type="warning"
@click="addQQGroup"
>加群获取</ElButton
>
<ElButton
size="small"
@click="coreManagementData.visible = false">
取消
</ElButton>
</div>
</template>
</ElDialog>
<ElDialog <ElDialog
width="95%" width="95%"
top="10px" top="10px"
@@ -315,14 +360,12 @@
class="!mb-0" class="!mb-0"
v-model="importConfigData.visible" v-model="importConfigData.visible"
:close-on-press-escape="false" :close-on-press-escape="false"
title="导入分享" title="导入分享">
>
<ElInput <ElInput
type="textarea" type="textarea"
:rows="6" :rows="6"
placeholder="请粘贴分享的配置" placeholder="请粘贴分享的配置"
v-model="importConfigData.data" v-model="importConfigData.data"></ElInput>
></ElInput>
<template #footer> <template #footer>
<div> <div>
<el-text type="danger">导入成功后您当前的部分配置将被替换</el-text> <el-text type="danger">导入成功后您当前的部分配置将被替换</el-text>
@@ -331,8 +374,7 @@
<ElButton <ElButton
size="small" size="small"
@click="handleStartImport" @click="handleStartImport"
type="primary" type="primary">
>
导入 导入
</ElButton> </ElButton>
</div> </div>
@@ -346,8 +388,7 @@
class="!mb-0" class="!mb-0"
v-model="configStart.visible" v-model="configStart.visible"
:close-on-press-escape="false" :close-on-press-escape="false"
title="配置文件启动" title="配置文件启动">
>
<div class="flex items-center gap-[0_4px]"> <div class="flex items-center gap-[0_4px]">
<span>启用</span> <span>启用</span>
<ElSwitch v-model="mainStore.configStartEnable"></ElSwitch> <ElSwitch v-model="mainStore.configStartEnable"></ElSwitch>
@@ -356,16 +397,14 @@
</ElTooltip> </ElTooltip>
<ElButton <ElButton
@click="openConfigDir" @click="openConfigDir"
size="small" size="small">
>
打开配置目录 打开配置目录
</ElButton> </ElButton>
<ElButton <ElButton
@click="handleStartCommand('toml')" @click="handleStartCommand('toml')"
type="primary" type="primary"
:icon="RefreshRight" :icon="RefreshRight"
size="small" size="small">
>
刷新 刷新
</ElButton> </ElButton>
</div> </div>
@@ -373,14 +412,12 @@
<ElSelect <ElSelect
v-model="mainStore.configPath" v-model="mainStore.configPath"
no-data-text="目录没有配置文件" no-data-text="目录没有配置文件"
placeholder="选择配置文件" placeholder="选择配置文件">
>
<ElOption <ElOption
v-for="item in configStart.list" v-for="item in configStart.list"
:key="item.path" :key="item.path"
:value="item.path" :value="item.path"
:label="item.name" :label="item.name"></ElOption>
></ElOption>
</ElSelect> </ElSelect>
</div> </div>
<template #footer> <template #footer>
@@ -388,8 +425,7 @@
<ElButton <ElButton
size="small" size="small"
@click="configStart.visible = false" @click="configStart.visible = false"
type="danger" type="danger">
>
关闭 关闭
</ElButton> </ElButton>
</div> </div>
@@ -415,7 +451,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 } from "~/utils"; import { bounce, addQQGroup } from "~/utils";
let is_close = false; let is_close = false;
@@ -427,9 +463,9 @@
const mainStore = useMainStore(); const mainStore = useMainStore();
const config = mainStore.config; const config = mainStore.config;
// console.log(config); // console.error(config);
const protocols = ["tcp", "udp", "ws", "wss", "wg", "quic"]; const protocols = ["tcp", "udp", "ws", "wss", "wg", "quic"];
const data = reactive({ const data = reactive<{ [key: string]: any; releaseList: Array<Array<string>> }>({
logVisible: false, logVisible: false,
cidrVisible: false, cidrVisible: false,
advanceVisible: false, advanceVisible: false,
@@ -440,33 +476,39 @@
log: "", log: "",
update: false, update: false,
releaseList: [], releaseList: [],
coreVersion: "", coreVersion: "-",
isSuccessGetIp: false, isSuccessGetIp: false,
startLoading: false, startLoading: false,
isStart: false, isStart: false,
connectionSuccess: false, connectionSuccess: false,
configJsonSeverUrl: "" // 本地保存一次,用于回填config.json configJsonSeverUrl: "", // 本地保存一次,用于回填config.json
}); });
const configStart = reactive<{ list: Array<{ path: string; name: string }>; [key: string]: any }>({ const configStart = reactive<{ list: Array<{ path: string; name: string }>; [key: string]: any }>({
visible: false, visible: false,
loading: false, loading: false,
list: [] //配置文件列表 list: [], //配置文件列表
}); });
const importConfigData = reactive<{ data: ""; [key: string]: any }>({ const importConfigData = reactive<{ data: ""; [key: string]: any }>({
visible: false, visible: false,
loading: false, loading: false,
data: "" data: "",
});
const coreManagementData = reactive<{ data: ""; [key: string]: any }>({
visible: false,
loading: false,
data: "",
}); });
const closePrevent = async () => { const closePrevent = async () => {
const appWindow = getCurrentWindow(); const appWindow = getCurrentWindow();
if (appWindow.label == "main") { if (appWindow.label == "main") {
appWindow.onCloseRequested(async event => { appWindow.onCloseRequested(async (event) => {
// console.log(appWindow.label); // console.error(appWindow.label);
if (!is_close) { if (!is_close) {
// console.log(1); // console.error(1);
event.preventDefault(); event.preventDefault();
appWindow.hide(); appWindow.hide();
} }
@@ -511,9 +553,9 @@
thread_id: null, thread_id: null,
async listenOutput() { async listenOutput() {
// const appWindow = getCurrentWindow(); // const appWindow = getCurrentWindow();
const unListen = await listen("command-output", async event => { const unListen = await listen("command-output", async (event) => {
data.isStart = true; data.isStart = true;
// console.log(event.payload); // console.error(event.payload);
if (event.payload) { if (event.payload) {
data.startLoading = false; data.startLoading = false;
let ipv4 = /dhcp ip changed. old: None, new: Some\((\d+\.\d+\.\d+\.\d+).*\)/g.exec(event.payload as string)?.[1]; let ipv4 = /dhcp ip changed. old: None, new: Some\((\d+\.\d+\.\d+\.\d+).*\)/g.exec(event.payload as string)?.[1];
@@ -526,7 +568,7 @@
await setTrayTooltip(tray, `IP: ${ipv4}`); await setTrayTooltip(tray, `IP: ${ipv4}`);
} }
} else { } else {
if ((event.payload as string).includes("new peer connection added")) { if ((event.payload as string).includes("new peer connection added") && !data.isSuccessGetIp) {
await setTrayRunState(tray, true); await setTrayRunState(tray, true);
data.isSuccessGetIp = true; data.isSuccessGetIp = true;
await setTrayTooltip(tray, `IP: ${config.ipv4}`); await setTrayTooltip(tray, `IP: ${config.ipv4}`);
@@ -544,11 +586,11 @@
"netsh", "netsh",
["interface", "ipv4", "set", "interface", devName, "metric=", `${mainStore.config.netCardMetricValue}`], ["interface", "ipv4", "set", "interface", devName, "metric=", `${mainStore.config.netCardMetricValue}`],
{ {
encoding: "gb2312" encoding: "gb2312",
} }
).execute(); ).execute();
} catch (err) { } catch (err) {
console.log(err); console.error(err);
ElMessage.error("跃点设置失败"); ElMessage.error("跃点设置失败");
} }
} }
@@ -561,7 +603,7 @@
this.unListenOutPut = unListen; this.unListenOutPut = unListen;
}, },
async listenThreadId() { async listenThreadId() {
const unListen = await listen("thread-id", event => { const unListen = await listen("thread-id", (event) => {
if (event.payload) { if (event.payload) {
this.thread_id = event.payload; this.thread_id = event.payload;
} }
@@ -569,14 +611,14 @@
this.unListenThreadId = unListen; this.unListenThreadId = unListen;
}, },
async listenConfigStart() { async listenConfigStart() {
const unListen = await listen("config", event => { const unListen = await listen("config", (event) => {
console.log("config", event.payload); // console.error("config", event.payload);
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;
}); });
this.unListenConfigStart = unListen; this.unListenConfigStart = unListen;
} },
}; };
const unListenAll = async () => { const unListenAll = async () => {
@@ -594,19 +636,23 @@
}; };
const checkUpdate = async () => { const checkUpdate = async () => {
await getReleaseList(); // const latestVersionFileName = data.releaseList?.[0]?.[0]?.[1] as string;
const latestVersionFileName = data.releaseList?.[0]?.[0]?.[1] as string; let [downloadUrl, versionFileName] = (coreManagementData.data as string).split("<>");
if (latestVersionFileName) { if (mainStore.githubFastUrl) {
// console.log(latestVersionFileName, /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName)); let fastUrl = mainStore.githubFastUrl.replace(/\\/g, "/").replace(/\/{2,}/g, "/");
const latestVersion = /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName)?.[1]; if (!fastUrl.endsWith("/")) fastUrl += "/";
downloadUrl = fastUrl + downloadUrl;
}
if (versionFileName) {
// console.error(latestVersionFileName, /\-v(\d+\.\d+\.\d+)/g.exec(latestVersionFileName));
const version = /\-v(\d+\.\d+\.\d+)/g.exec(versionFileName)?.[1];
const currentVersion = /(\d+\.\d+\.\d+)/g.exec(data.coreVersion || "")?.[1]; const currentVersion = /(\d+\.\d+\.\d+)/g.exec(data.coreVersion || "")?.[1];
if (latestVersion && currentVersion != latestVersion) { if (version && currentVersion != version) {
// console.log({ currentVersion, latestVersion }); // console.error({ currentVersion, latestVersion });
ElMessage.success(`更新 -> ${latestVersion}`); ElMessage.success(`更新 -> ${version}`);
const downloadUrl = data.releaseList?.[0]?.[0]?.[2]; return [true, downloadUrl, versionFileName];
return [true, downloadUrl, latestVersionFileName]; } else if (currentVersion === version) {
} else if (currentVersion === latestVersion) { ElMessage.success(`当前版本无需安装`);
ElMessage.success(`当前是最新版`);
return [false, null, null]; return [false, null, null];
} else { } else {
ElMessage.error(`获取版本失败`); ElMessage.error(`获取版本失败`);
@@ -618,23 +664,44 @@
return [false, null, null]; return [false, null, null];
}; };
const handleUpdateCore = async () => { const handleCoreManagement = async () => {
data.update = true; coreManagementData.visible = true;
await getCoreVersion(); await getReleaseList();
const [isNeedUpdate, downloadUrl, latestVersionFileName] = await checkUpdate(); };
if (isNeedUpdate) {
await reset(); const handleInstallCore = async () => {
// console.log(downloadUrl); try {
await invoke("download_easytier_zip", { download_url: downloadUrl, file_name: latestVersionFileName }); if (!coreManagementData.data) {
return ElMessage.error("请选择一个内核");
}
data.update = true;
await getCoreVersion();
const [isNeedUpdate, downloadUrl, latestVersionFileName] = await checkUpdate();
if (isNeedUpdate) {
await reset();
// console.error(downloadUrl);
await invoke("download_easytier_zip", { download_url: downloadUrl, file_name: latestVersionFileName });
}
await getCoreVersion();
} catch (err) {
console.error(err);
} finally {
data.update = false;
} }
await getCoreVersion();
data.update = false;
}; };
const getReleaseList = async () => { const getReleaseList = async () => {
const list = await invoke("fetch_easytier_list"); coreManagementData.loading = true;
data.releaseList = list as never[]; const list = await invoke<string[][][]>("fetch_easytier_list");
console.log(data.releaseList); data.releaseList = [
...list.flat().filter((el) => {
// console.log(el, el[0], el[2]);
return el && el[0] && el[2] && !el[2].includes("gui");
}),
];
coreManagementData.loading = false;
// console.log(data.releaseList);
}; };
const handleAutoStart = async () => { const handleAutoStart = async () => {
@@ -695,7 +762,7 @@
is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean; is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean;
config.autoStart = is_enable_by_task; config.autoStart = is_enable_by_task;
} catch (err) { } catch (err) {
console.log(err); console.error(err);
await invoke("spawn_autostart", { enabled: false }); await invoke("spawn_autostart", { enabled: false });
const is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean; const is_enable_by_task = (await invoke("autostart_is_enabled")) as boolean;
config.autoStart = is_enable_by_task; config.autoStart = is_enable_by_task;
@@ -735,17 +802,21 @@
data.configJsonSeverUrl = guiJson.serverUrl; data.configJsonSeverUrl = guiJson.serverUrl;
mainStore.$patch({ mainStore.$patch({
config: { config: {
...guiJson,
...mainStore.config, ...mainStore.config,
serverUrl: saveServerUrl ...guiJson,
} serverUrl: saveServerUrl,
},
}); });
if (mainStore.createConfigInEasytier) { if (mainStore.createConfigInEasytier) {
await updateConfigJson(data.configJsonSeverUrl); await updateConfigJson(data.configJsonSeverUrl);
} }
} catch (err) { } catch (err) {
console.log(err); console.error(err);
ElMessage.error(`config.json格式错误`); ElMessage.error(`config.json格式错误`);
} finally {
mainStore.$patch({
createConfigInEasytier: true, // 发现本地存在config.json 默认启用该功能
});
} }
} }
} }
@@ -783,7 +854,7 @@
}); });
const getArgs = async () => { const getArgs = async () => {
// console.log(config.proxyNetworks); // console.error(config.proxyNetworks);
const args = []; const args = [];
if (mainStore.configStartEnable && mainStore.configPath) { if (mainStore.configStartEnable && mainStore.configPath) {
// const resourceDir = await getResourceDir(); // const resourceDir = await getResourceDir();
@@ -810,7 +881,7 @@
} }
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.disbleP2p) { if (config.disbleP2p) {
args.push("--disable-p2p"); args.push("--disable-p2p");
@@ -822,12 +893,12 @@
args.push("--no-listener"); args.push("--no-listener");
} }
if (mainStore.cidrEnable && config.proxyNetworks) { if (mainStore.cidrEnable && config.proxyNetworks) {
// console.log(config.proxyNetworks); // console.error(config.proxyNetworks);
const reg = /\d+\.\d+\.\d+\.\d+\/\d+/g; const reg = /\d+\.\d+\.\d+\.\d+\/\d+/g;
const formatProxyNetworks = config.proxyNetworks const formatProxyNetworks = config.proxyNetworks
.split("\n") .split("\n")
.map(item => item.trim()) .map((item) => item.trim())
.filter(item => item && reg.test(item)); .filter((item) => item && reg.test(item));
args.push("--proxy-networks", ...formatProxyNetworks); args.push("--proxy-networks", ...formatProxyNetworks);
config.proxyNetworks = formatProxyNetworks.join("\n"); config.proxyNetworks = formatProxyNetworks.join("\n");
} }
@@ -871,7 +942,7 @@
config.ipv4 = ""; config.ipv4 = "";
} }
const memberDialog = await getAllWebviewWindows(); const memberDialog = await getAllWebviewWindows();
const memberDialogs = memberDialog.filter(item => item.label === "member"); const memberDialogs = memberDialog.filter((item) => item.label === "member");
if (memberDialogs && memberDialogs.length > 0) { if (memberDialogs && memberDialogs.length > 0) {
data.memberVisible = false; data.memberVisible = false;
for (const memberDialog of memberDialogs) { for (const memberDialog of memberDialogs) {
@@ -897,7 +968,7 @@
if (args[0] === "-c") { if (args[0] === "-c") {
ElMessage.warning({ ElMessage.warning({
message: "使用配置文件中.", message: "使用配置文件中.",
duration: 5000 duration: 5000,
}); });
} }
data.log = ""; //清空日志 data.log = ""; //清空日志
@@ -906,7 +977,7 @@
await listenObj.listenOutput(); await listenObj.listenOutput();
await invoke("run_command", { await invoke("run_command", {
args args,
}); });
} }
}; };
@@ -920,10 +991,10 @@
if (isExists) { if (isExists) {
const entries = await readDir(path, { baseDir: BaseDirectory.Resource }); const entries = await readDir(path, { baseDir: BaseDirectory.Resource });
configStart.list = entries configStart.list = entries
.filter(item => item.isFile) .filter((item) => item.isFile)
.map(item => ({ .map((item) => ({
name: item.name, name: item.name,
path: `${path}${item.name}` path: `${path}${item.name}`,
})) as any; })) as any;
} else { } else {
mainStore.configStartEnable = false; mainStore.configStartEnable = false;
@@ -952,7 +1023,7 @@
await writeText(WT); await writeText(WT);
ElMessage.success("配置已复制"); ElMessage.success("配置已复制");
} catch (err) { } catch (err) {
console.log(err); console.error(err);
ElMessage.error("分享失败"); ElMessage.error("分享失败");
} }
} }
@@ -966,20 +1037,20 @@
try { try {
await ElMessageBox.confirm("确定导入?", "提示", { await ElMessageBox.confirm("确定导入?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消" cancelButtonText: "取消",
}); });
const payload = JSON.parse(decodeURIComponent(atob(importConfigData.data))); const payload = JSON.parse(decodeURIComponent(atob(importConfigData.data)));
mainStore.$patch({ mainStore.$patch({
config: { config: {
...mainStore.config, ...mainStore.config,
...payload.config ...payload.config,
} },
}); });
ElMessage.success("导入成功"); ElMessage.success("导入成功");
importConfigData.visible = false; importConfigData.visible = false;
mainStore.basePeers = uniq([config.serverUrl, ...mainStore.basePeers]); mainStore.basePeers = uniq([config.serverUrl, ...mainStore.basePeers]);
} catch (err) { } catch (err) {
console.log(err); console.error(err);
if (err !== "cancel") { if (err !== "cancel") {
ElMessage.error("导入失败"); ElMessage.error("导入失败");
} }
@@ -995,7 +1066,7 @@
try { try {
await mkdir(path, { baseDir: BaseDirectory.Resource }); await mkdir(path, { baseDir: BaseDirectory.Resource });
} catch (err) { } catch (err) {
console.log(err); console.error(err);
} }
} }
}; };
@@ -1003,7 +1074,7 @@
const openConfigDir = async () => { const openConfigDir = async () => {
const resourceDir = await getResourceDir(); const resourceDir = await getResourceDir();
const configPath = await join(resourceDir, import.meta.env.VITE_CONFIG_PATH); const configPath = await join(resourceDir, import.meta.env.VITE_CONFIG_PATH);
// console.log(configPath); // console.error(configPath);
await Command.create("explorer", [configPath]).execute(); await Command.create("explorer", [configPath]).execute();
}; };
@@ -1021,7 +1092,7 @@
title: "成员列表", title: "成员列表",
width: 875, width: 875,
height: 380, height: 380,
url: "#/member" url: "#/member",
}, },
() => { () => {
data.memberVisible = true; data.memberVisible = true;
@@ -1040,7 +1111,7 @@
width: 600, width: 600,
height: 380, height: 380,
resizable: false, resizable: false,
url: "#/log" url: "#/log",
}, },
(_, appWindow) => { (_, appWindow) => {
data.logVisible = true; data.logVisible = true;
@@ -1063,7 +1134,7 @@
width: 600, width: 600,
height: 380, height: 380,
resizable: false, resizable: false,
url: "#/cidr" url: "#/cidr",
}, },
(_, appWindow) => { (_, appWindow) => {
data.cidrVisible = true; data.cidrVisible = true;
@@ -1082,7 +1153,7 @@
width: 600, width: 600,
height: 380, height: 380,
resizable: false, resizable: false,
url: "#/advance" url: "#/advance",
}, },
(_, appWindow) => { (_, appWindow) => {
data.advanceVisible = true; data.advanceVisible = true;
@@ -1101,7 +1172,7 @@
width: 460, width: 460,
height: 480, height: 480,
resizable: true, resizable: true,
url: "#/tool" url: "#/tool",
}, },
(_, appWindow) => { (_, appWindow) => {
data.toolVisible = true; data.toolVisible = true;
+33 -31
View File
@@ -6,25 +6,21 @@
stripe stripe
border border
:data="data.member" :data="data.member"
v-else v-else>
>
<ElTableColumn <ElTableColumn
sortable sortable
width="140" width="140"
label="主机名" label="主机名"
prop="hostname" prop="hostname"></ElTableColumn>
></ElTableColumn>
<ElTableColumn <ElTableColumn
sortable sortable
width="90" width="90"
prop="cost" prop="cost"
label="路由" label="路由">
>
<template #default="{ row }"> <template #default="{ row }">
<ElTag <ElTag
effect="dark" effect="dark"
:type="row.cost == 'p2p' ? 'success' : 'info'" :type="row.cost == 'p2p' ? 'success' : 'info'">
>
{{ row.cost }} {{ row.cost }}
</ElTag> </ElTag>
</template> </template>
@@ -33,20 +29,17 @@
sortable sortable
width="120" width="120"
prop="ipv4" prop="ipv4"
label="虚拟网IP" label="虚拟网IP"></ElTableColumn>
></ElTableColumn>
<ElTableColumn <ElTableColumn
sortable sortable
prop="lat_ms" prop="lat_ms"
width="130" width="130"
label="延迟/ms" label="延迟/ms"></ElTableColumn>
></ElTableColumn>
<ElTableColumn <ElTableColumn
sortable sortable
width="120" width="120"
prop="loss_rate" prop="loss_rate"
label="丢包率" label="丢包率">
>
<template #default="{ row }"> <template #default="{ row }">
{{ row.loss_rate && row.loss_rate != "-" ? Number(row.loss_rate * 100).toFixed(2) + "%" : row.loss_rate }} {{ row.loss_rate && row.loss_rate != "-" ? Number(row.loss_rate * 100).toFixed(2) + "%" : row.loss_rate }}
</template> </template>
@@ -55,8 +48,7 @@
sortable sortable
width="120" width="120"
label="nat_type" label="nat_type"
prop="NAT类型" prop="NAT类型">
>
<template #default="{ row }"> <template #default="{ row }">
{{ natMaps[row.nat_type.toLowerCase() as natKyes] || row.nat_type || "-" }} {{ natMaps[row.nat_type.toLowerCase() as natKyes] || row.nat_type || "-" }}
</template> </template>
@@ -64,8 +56,7 @@
<ElTableColumn <ElTableColumn
sortable sortable
prop="version" prop="version"
label="版本" label="版本"></ElTableColumn>
></ElTableColumn>
</ElTable> </ElTable>
</div> </div>
</div> </div>
@@ -74,24 +65,35 @@
import { invoke } from "@tauri-apps/api/core"; import { invoke } from "@tauri-apps/api/core";
import { reactive, onMounted, onBeforeUnmount } from "vue"; import { reactive, onMounted, onBeforeUnmount } from "vue";
import { parsePeerInfo } from "@/utils"; import { parsePeerInfo } from "@/utils";
// enum NatType {
// // has NAT; but own a single public IP, port is not changed
// Unknown = 0;
// OpenInternet = 1;
// NoPAT = 2;
// FullCone = 3;
// Restricted = 4;
// PortRestricted = 5;
// Symmetric = 6;
// SymUdpFirewall = 7;
// SymmetricEasyInc = 8;
// SymmetricEasyDec = 9;
// }
const natMaps = { const natMaps = {
unknown: "未知", unknown: "未知",
nopat: "nat0", OpenInternet: "nat0-openinternet",
nopat: "nat0-nopat",
fullcone: "nat1", fullcone: "nat1",
restricted: "nat2", restricted: "nat2",
addressrestricted: "nat2",
portrestricted: "nat3", portrestricted: "nat3",
symmetric: "nat4" symmetric: "nat4",
SymmetricEasyDec: "nat4-easydec",
SymmetricEasyInc: "nat4-easyinc",
SymUdpFirewall: "nat4-udpfirewall",
}; };
type natKyes = keyof typeof natMaps; type natKyes = keyof typeof natMaps;
// NAT1: Full Cone NAT,全锥形NAT,这是最宽松的网络环境,你想做什么,基本没啥限制IP和端口都不受限。
// NAT2: Address-Restricted Cone NAT,受限锥型NAT,相比NAT1,NAT2 增加了地址限制,也就是IP受限,而端口不受限。
// NAT3: Port-Restricted Cone NAT,端口受限锥型,相比NAT2,NAT3 又增加了端口限制,也就是说IP、端口都受限。
// NAT4: Symmetric NAT,对称型NAT,对称型NAT具有端口受限锥型的受限特性,内部地址每一次请求一个特定的外部地址,
// 都可能会绑定到一个新的端口号。也就是请求不同的外部地址映射的端口号是可能不同的。这种类型基本上就告别 P2P 了。
const data = reactive<{ member: any[] }>({ const data = reactive<{ member: any[] }>({
member: [] member: [],
}); });
const _showTableHeader = [ const _showTableHeader = [
@@ -101,13 +103,13 @@
["lat_ms", "延迟/ms"], ["lat_ms", "延迟/ms"],
["loss_rate", "丢包率"], ["loss_rate", "丢包率"],
["nat_type", "NAT类型"], ["nat_type", "NAT类型"],
["version", "版本"] ["version", "版本"],
]; ];
const listenOutput = async () => { const listenOutput = async () => {
const member = await invoke<string>("get_members_by_cli"); const member = await invoke<string>("get_members_by_cli");
const peerInfo = parsePeerInfo(member); const peerInfo = parsePeerInfo(member);
peerInfo.forEach(value => { peerInfo.forEach((value) => {
if (value.cost === "Local") { if (value.cost === "Local") {
value.cost = "本机"; value.cost = "本机";
} }
@@ -115,7 +117,7 @@
value.ipv4 = value.ipv4.split("/")[0]; value.ipv4 = value.ipv4.split("/")[0];
} }
}); });
// console.log(peerInfo); // console.error(peerInfo);
data.member = peerInfo; data.member = peerInfo;
}; };
+5 -5
View File
@@ -226,7 +226,7 @@
ElMessage.success("设置成功"); ElMessage.success("设置成功");
await initNetCardInfo(); await initNetCardInfo();
} catch (err) { } catch (err) {
console.log(err); console.error(err);
} }
} }
}; };
@@ -260,7 +260,7 @@
data.pingLog += '完毕' data.pingLog += '完毕'
} catch (err) { } catch (err) {
ElMessage.error("Ping发生错误"); ElMessage.error("Ping发生错误");
console.log(err); console.error(err);
} finally { } finally {
data.isPing = false; data.isPing = false;
} }
@@ -291,7 +291,7 @@
}) as any; }) as any;
} catch (err) { } catch (err) {
ElMessage.error("网卡获取失败"); ElMessage.error("网卡获取失败");
console.log(err); console.error(err);
} }
}; };
@@ -324,13 +324,13 @@
} catch (err) { } catch (err) {
// netsh advfirewall firewall add rule name="EXE名称" dir=out action=allow program="EXE绝对路径" // netsh advfirewall firewall add rule name="EXE名称" dir=out action=allow program="EXE绝对路径"
ElMessage.error("获取防火墙状态失败"); ElMessage.error("获取防火墙状态失败");
console.log(err); console.error(err);
} }
}; };
const appWindow = getCurrentWindow(); const appWindow = getCurrentWindow();
mainStore.$subscribe((...a) => { mainStore.$subscribe((...a) => {
// console.log("subscribe", a); // console.error("subscribe", a);
appWindow.emitTo("main", "config", { winIpBcAutoStart: mainStore.winIpBcAutoStart, config: { ...mainStore.config } }); appWindow.emitTo("main", "config", { winIpBcAutoStart: mainStore.winIpBcAutoStart, config: { ...mainStore.config } });
}); });
+13 -4
View File
@@ -7,10 +7,6 @@ settings:
importers: importers:
.: .:
dependencies:
'@tauri-apps/plugin-window-state':
specifier: ~2
version: 2.0.0
devDependencies: devDependencies:
'@element-plus/icons-vue': '@element-plus/icons-vue':
specifier: ^2.3.1 specifier: ^2.3.1
@@ -45,9 +41,15 @@ importers:
'@tauri-apps/plugin-http': '@tauri-apps/plugin-http':
specifier: ^2.0.1 specifier: ^2.0.1
version: 2.0.1 version: 2.0.1
'@tauri-apps/plugin-log':
specifier: ^2.0.0
version: 2.0.0
'@tauri-apps/plugin-shell': '@tauri-apps/plugin-shell':
specifier: ~2 specifier: ~2
version: 2.0.1 version: 2.0.1
'@tauri-apps/plugin-window-state':
specifier: ~2
version: 2.0.0
'@types/lodash-es': '@types/lodash-es':
specifier: ^4.17.12 specifier: ^4.17.12
version: 4.17.12 version: 4.17.12
@@ -1048,6 +1050,9 @@ packages:
'@tauri-apps/plugin-http@2.0.1': '@tauri-apps/plugin-http@2.0.1':
resolution: {integrity: sha512-j6IA3pVBybSCwPpsihpX4z8bs6PluuGtr06ahL/xy4D8HunNBTmRmadJrFOQi0gOAbaig4MkQ15nzNLBLy8R1A==} resolution: {integrity: sha512-j6IA3pVBybSCwPpsihpX4z8bs6PluuGtr06ahL/xy4D8HunNBTmRmadJrFOQi0gOAbaig4MkQ15nzNLBLy8R1A==}
'@tauri-apps/plugin-log@2.0.0':
resolution: {integrity: sha512-C+NII9vzswqnOQE8k7oRtnaw0z5TZsMmnirRhXkCKDEhQQH9841Us/PC1WHtGiAaJ8za1A1JB2xXndEq/47X/w==}
'@tauri-apps/plugin-shell@2.0.1': '@tauri-apps/plugin-shell@2.0.1':
resolution: {integrity: sha512-akU1b77sw3qHiynrK0s930y8zKmcdrSD60htjH+mFZqv5WaakZA/XxHR3/sF1nNv9Mgmt/Shls37HwnOr00aSw==} resolution: {integrity: sha512-akU1b77sw3qHiynrK0s930y8zKmcdrSD60htjH+mFZqv5WaakZA/XxHR3/sF1nNv9Mgmt/Shls37HwnOr00aSw==}
@@ -4762,6 +4767,10 @@ snapshots:
dependencies: dependencies:
'@tauri-apps/api': 2.1.1 '@tauri-apps/api': 2.1.1
'@tauri-apps/plugin-log@2.0.0':
dependencies:
'@tauri-apps/api': 2.1.1
'@tauri-apps/plugin-shell@2.0.1': '@tauri-apps/plugin-shell@2.0.1':
dependencies: dependencies:
'@tauri-apps/api': 2.1.1 '@tauri-apps/api': 2.1.1
+1 -1
View File
@@ -1176,7 +1176,7 @@ checksum = "0d6ef0072f8a535281e4876be788938b528e9a1d43900b82c2569af7da799125"
[[package]] [[package]]
name = "easytier-game" name = "easytier-game"
version = "1.2.1" version = "1.2.3"
dependencies = [ dependencies = [
"log", "log",
"planif", "planif",
+1 -1
View File
@@ -1,6 +1,6 @@
[package] [package]
name = "easytier-game" name = "easytier-game"
version = "1.2.1" version = "1.2.3"
homepage = "https://github.com/EasyTier/EasyTier" homepage = "https://github.com/EasyTier/EasyTier"
repository = "https://github.com/EasyTier/EasytierGame" repository = "https://github.com/EasyTier/EasytierGame"
description = "A simple network initiator based on Easytier" description = "A simple network initiator based on Easytier"
+4 -1
View File
@@ -92,6 +92,9 @@
"window-state:default", "window-state:default",
"window-state:allow-save-window-state", "window-state:allow-save-window-state",
"window-state:allow-restore-state" "window-state:allow-restore-state",
"log:default",
"log:allow-log"
] ]
} }
+57
View File
@@ -0,0 +1,57 @@
@echo off
chcp 65001 >nul
setlocal
REM 检查是否具有管理员权限
openfiles >nul 2>&1
if %errorlevel% neq 0 (
echo 当前没有管理员权限,鼠标右键clear_data.bat,选择使用管理员模式运行...
pause
exit /b
)
REM 获取当前用户的 Local 目录路径
set "local_dir=%LOCALAPPDATA%"
REM 设置要删除的任务计划程序文件夹名称
set "folder_name=\easytierGame"
set "task_name=auto start"
REM 设置要删除的目标文件夹
set "target_data_dir=%local_dir%\com.tauri.easytier-game"
echo ---
REM 打印 Local 目录路径
echo 当前数据目录: %target_data_dir%
echo ---
echo 您确定要清除EasytierGame的本地数据吗? (y/n)
echo ---
REM 等待用户输入
set /p confirm=输入'y/n'进行确认:
if /i "%confirm%"=="y" (
echo 清除数据中,请稍后...
echo ---
@REM REM 删除任务计划程序文件夹
echo delete auto_start task ...
echo ---
echo ---
schtasks /delete /tn "%folder_name%\%task_name%" /f
schtasks /delete /tn "%folder_name%" /f
echo ---
echo 开始清除本地缓存数据,没有使用开机自启上面就会报错,不影响数据清理...
if exist "%target_data_dir%" (
REM 删除目标文件夹及其内容
rd /s /q "%target_data_dir%"
)
echo 清除本地缓存数据完毕.
echo ---
echo 您可以手动删除EasytierGame目录下所有文件,即可完成卸载.
) else (
echo 取消清理数据
)
pause
endlocal
+16
View File
@@ -0,0 +1,16 @@
[如果界面无法打开]
1. 如果您已经启动easytier-game.exe,那它可能会在后台运行,打开任务管理器关闭easytier-game.exe
2. 使用easytier-game安装目录下的 easytier/tool/MicrosoftEdgeWebview2Setup.exe 安装webview2
3. 再次启用easytier-game.exe
[如果想彻底删除easytierGame]
1. 关闭easytierGame
2. 运行easytier-game安装目录下的 easytier/clear_local_data.bat (需要管理员权限) 输入y确认,清除本地存储数据
3. 删除easytierGame文件夹
+23 -12
View File
@@ -70,7 +70,10 @@ fn get_core_version() -> String {
let output_str = String::from_utf8_lossy(&output.stdout); let output_str = String::from_utf8_lossy(&output.stdout);
return output_str.trim().to_string(); return output_str.trim().to_string();
} }
Err(_e) => return "".to_string(), Err(_e) => {
log::error!("{}", _e.to_string());
return "".to_string();
}
} }
} }
@@ -176,7 +179,7 @@ async fn download_easytier_zip(download_url: String, file_name: String) {
unzip(path); unzip(path);
match fs::remove_file(path) { match fs::remove_file(path) {
Ok(_) => println!("删除zip文件成功"), Ok(_) => println!("删除zip文件成功"),
Err(_) => println!("删除zip文件失败"), Err(_) => log::error!("删除zip文件失败"),
} }
} }
@@ -263,7 +266,7 @@ fn run_command(
tx.send(line).expect("failed to send line"); tx.send(line).expect("failed to send line");
} }
Err(e) => { Err(e) => {
eprintln!("error reading line: {}", e); log::error!("error reading line: {}", e);
break; break;
} }
} }
@@ -392,7 +395,7 @@ fn spawn_autostart(enabled: bool) {
let _ = tx.send(true); let _ = tx.send(true);
} }
Err(e) => { Err(e) => {
println!("Error: {}", e); log::error!("Error: {}", e);
let _ = tx.send(false); let _ = tx.send(false);
} }
}); });
@@ -444,7 +447,7 @@ fn autostart_is_enabled() -> bool {
return enabled; return enabled;
} }
Err(e) => { Err(e) => {
println!("autostart enabled: false -> {}", e); log::error!("autostart enabled: false -> {}", e);
return false; return false;
} }
} }
@@ -545,13 +548,21 @@ pub fn run() {
})) }))
.setup(move |app| { .setup(move |app| {
let args = args.clone(); let args = args.clone();
if cfg!(debug_assertions) { // if cfg!(debug_assertions) {
app.handle().plugin( let log_path = get_tool_exe_path(String::from("\\easytier\\guiLogs"));
tauri_plugin_log::Builder::default() app.handle().plugin(
.level(log::LevelFilter::Info) tauri_plugin_log::Builder::default()
.build(), .target(tauri_plugin_log::Target::new(
)?; tauri_plugin_log::TargetKind::Folder {
} path: std::path::PathBuf::from(log_path),
file_name: None,
},
))
.max_file_size(50_000 /* bytes */)
.level(log::LevelFilter::Error)
.build(),
)?;
// }
#[cfg(not(target_os = "android"))] #[cfg(not(target_os = "android"))]
let _tray_menu = TrayIconBuilder::with_id("main") let _tray_menu = TrayIconBuilder::with_id("main")
.menu_on_left_click(false) .menu_on_left_click(false)
+6 -3
View File
@@ -1,7 +1,7 @@
{ {
"$schema": "../node_modules/@tauri-apps/cli/config.schema.json", "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
"productName": "easytier-game", "productName": "easytier-game",
"version": "1.2.1", "version": "1.2.3",
"identifier": "com.tauri.easytier-game", "identifier": "com.tauri.easytier-game",
"build": { "build": {
@@ -13,7 +13,7 @@
"app": { "app": {
"windows": [ "windows": [
{ {
"title": "easytier-game 1.2.1", "title": "easytier-game 1.2.3",
"label": "main", "label": "main",
"minWidth": 340, "minWidth": 340,
"width": 340, "width": 340,
@@ -43,10 +43,13 @@
"easytier/icons/", "easytier/icons/",
"easytier/config_template.json", "easytier/config_template.json",
"easytier/tool/WinIPBroadcast.exe", "easytier/tool/WinIPBroadcast.exe",
"easytier/tool/MicrosoftEdgeWebview2Setup.exe",
"easytier/easytier-cli.exe", "easytier/easytier-cli.exe",
"easytier/easytier-core.exe", "easytier/easytier-core.exe",
"easytier/Packet.dll", "easytier/Packet.dll",
"easytier/wintun.dll" "easytier/wintun.dll",
"easytier/clear_local_data.bat",
"easytier/帮助.txt"
], ],
"windows": { "windows": {
"webviewInstallMode": { "webviewInstallMode": {
+3 -1
View File
@@ -38,6 +38,7 @@ export default defineStore("main", {
configPath: "", //配置文件路径 configPath: "", //配置文件路径
winIpBcAutoStart: true, winIpBcAutoStart: true,
createConfigInEasytier: false, //在easytier目录生成config.json文件吗 createConfigInEasytier: false, //在easytier目录生成config.json文件吗
githubFastUrl: "https://ghproxy.cc/",
winipBcPid: 0, winipBcPid: 0,
winipBcStart: false winipBcStart: false
@@ -80,7 +81,8 @@ export default defineStore("main", {
"configStartEnable", "configStartEnable",
"configPath", "configPath",
"winIpBcAutoStart", "winIpBcAutoStart",
"createConfigInEasytier" "createConfigInEasytier",
"githubFastUrl"
], ],
// // 除了这些,其他都要存下来 // // 除了这些,其他都要存下来
// omit: ["winipBcPid", "winipBcStart"] // omit: ["winipBcPid", "winipBcStart"]
+9 -5
View File
@@ -1,6 +1,6 @@
import { open } from "@tauri-apps/plugin-shell";
export const ENV = import.meta.env; export const ENV = import.meta.env;
//防抖 //防抖
export const bounce = (time = 3000) => { export const bounce = (time = 3000) => {
let bounceTimer: NodeJS.Timeout | null = null; let bounceTimer: NodeJS.Timeout | null = null;
@@ -50,8 +50,8 @@ export const numRemoveZero = (num: Number) => {
// await-to-js // await-to-js
export const ATJ = (promise: Promise<any>, errorExt: string | undefined = undefined) => { export const ATJ = (promise: Promise<any>, errorExt: string | undefined = undefined) => {
return promise return promise
.then(data => [null, data]) .then((data) => [null, data])
.catch(err => { .catch((err) => {
if (errorExt) { if (errorExt) {
if (typeof errorExt !== "object") { if (typeof errorExt !== "object") {
return [errorExt, undefined]; return [errorExt, undefined];
@@ -72,7 +72,7 @@ export const parsePeerInfo = (content: string) => {
const headers = lines[1] const headers = lines[1]
.split("│") .split("│")
.slice(1, -1) .slice(1, -1)
.map(h => h.trim()); .map((h) => h.trim());
// 初始化结果数组 // 初始化结果数组
const result: any[] = []; const result: any[] = [];
@@ -85,7 +85,7 @@ export const parsePeerInfo = (content: string) => {
const values = lines[i] const values = lines[i]
.split("│") .split("│")
.slice(1, -1) .slice(1, -1)
.map(v => v.trim()); .map((v) => v.trim());
// 创建对象并添加到结果数组 // 创建对象并添加到结果数组
const obj: any = {}; const obj: any = {};
@@ -100,6 +100,10 @@ export const parsePeerInfo = (content: string) => {
return result; return result;
}; };
export const addQQGroup = () => {
open("https://qm.qq.com/q/Yo3HmaEIWC");
};
export function isValidIP(ip: string) { export function isValidIP(ip: string) {
const ipv4Pattern = const ipv4Pattern =
/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;