From e0dd61ddcaace2411689c63f40129b6d7e752937 Mon Sep 17 00:00:00 2001
From: CakeAL <1742507190@qq.com>
Date: Tue, 5 Nov 2024 19:35:57 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(OtherTools):=20add=20web=20vpn?=
 =?UTF-8?q?=20convert=20website=20and=20open=20other=20sites?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src-tauri/Cargo.lock                | 87 ++++++++++++++++++++++++++++
 src-tauri/Cargo.toml                |  1 +
 src-tauri/capabilities/default.json |  3 +-
 src-tauri/src/lib.rs                |  4 +-
 src-tauri/tauri.conf.json           |  3 +
 src/pages/About.vue                 | 90 +++++++++++++++++++++++------
 src/pages/Login.vue                 | 28 ++++++---
 src/pages/OtherTools.vue            | 74 ++++++++++++++----------
 src/pages/UnbindMacs.vue            | 16 +++--
 9 files changed, 241 insertions(+), 65 deletions(-)

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index eccca72..60a9ce5 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -936,6 +936,15 @@ version = "1.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4ef6b89e5b37196644d8796de5268852ff179b44e96276cf4290264843743bb7"
 
+[[package]]
+name = "encoding_rs"
+version = "0.8.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75030f3c4f45dafd7586dd6780965a8c7e8e285a5ecb86713e63a79c5b2766f3"
+dependencies = [
+ "cfg-if",
+]
+
 [[package]]
 name = "endi"
 version = "1.1.0"
@@ -1774,6 +1783,25 @@ version = "2.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8f518f335dce6725a761382244631d86cf0ccb2863413590b31338feb467f9c3"
 
+[[package]]
+name = "is-docker"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "928bae27f42bc99b60d9ac7334e3a21d10ad8f1835a4e12ec3ec0464765ed1b3"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "is-wsl"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "173609498df190136aa7dea1a91db051746d339e18476eed5ca40521f02d7aa5"
+dependencies = [
+ "is-docker",
+ "once_cell",
+]
+
 [[package]]
 name = "itoa"
 version = "0.4.8"
@@ -2492,6 +2520,17 @@ version = "1.19.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3fdb12b2476b595f9358c5161aa467c2438859caa136dec86c26fdd2efe17b92"
 
+[[package]]
+name = "open"
+version = "5.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "61a877bf6abd716642a53ef1b89fb498923a4afca5c754f9050b4d081c05c4b3"
+dependencies = [
+ "is-wsl",
+ "libc",
+ "pathdiff",
+]
+
 [[package]]
 name = "option-ext"
 version = "0.2.0"
@@ -2508,6 +2547,16 @@ dependencies = [
  "pin-project-lite",
 ]
 
+[[package]]
+name = "os_pipe"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5ffd2b0a5634335b135d5728d84c5e0fd726954b87111f7506a61c502280d982"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
 [[package]]
 name = "pango"
 version = "0.18.3"
@@ -2562,6 +2611,12 @@ dependencies = [
  "windows-targets 0.52.6",
 ]
 
+[[package]]
+name = "pathdiff"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d61c5ce1153ab5b689d0c074c4e7fc613e942dfb7dd9eea5ab202d2ad91fe361"
+
 [[package]]
 name = "percent-encoding"
 version = "2.3.1"
@@ -3554,6 +3609,16 @@ dependencies = [
  "digest",
 ]
 
+[[package]]
+name = "shared_child"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09fa9338aed9a1df411814a5b2252f7cd206c55ae9bf2fa763f8de84603aa60c"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
 [[package]]
 name = "signal-hook-registry"
 version = "1.4.2"
@@ -3996,6 +4061,27 @@ dependencies = [
  "uuid",
 ]
 
+[[package]]
+name = "tauri-plugin-shell"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ad7880c5586b6b2104be451e3d7fc0f3800c84bda69e9ba81c828f87cb34267"
+dependencies = [
+ "encoding_rs",
+ "log",
+ "open",
+ "os_pipe",
+ "regex",
+ "schemars",
+ "serde",
+ "serde_json",
+ "shared_child",
+ "tauri",
+ "tauri-plugin",
+ "thiserror",
+ "tokio",
+]
+
 [[package]]
 name = "tauri-plugin-updater"
 version = "2.0.2"
@@ -4556,6 +4642,7 @@ dependencies = [
  "tauri",
  "tauri-build",
  "tauri-plugin-dialog",
+ "tauri-plugin-shell",
  "tauri-plugin-updater",
  "tokio",
  "window-vibrancy",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index ee5ed7f..1ace0b0 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -28,6 +28,7 @@ mac_address = "1.1.7"
 # tauri plugin
 window-vibrancy = "0.5.2"
 tauri-plugin-dialog = "2"
+tauri-plugin-shell = "2"
 # others
 anyhow = "1"
 rand = "0.8.5"
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index f28ef33..8d93615 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -22,6 +22,7 @@
     "core:window:allow-close",
     "core:window:allow-start-dragging",
     "updater:default",
-    "dialog:default"
+    "dialog:default",
+    "shell:default"
   ]
 }
\ No newline at end of file
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 98b3766..5c885b0 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -16,7 +16,9 @@ use tauri_plugin_updater::UpdaterExt;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
-    let mut builder = tauri::Builder::new().plugin(tauri_plugin_dialog::init());
+    let mut builder = tauri::Builder::new()
+        .plugin(tauri_plugin_dialog::init())
+        .plugin(tauri_plugin_shell::init());
     #[cfg(not(any(target_os = "android", target_os = "linux")))]
     {
         builder = builder.plugin(tauri_plugin_updater::Builder::new().build());
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 1b64a87..09a492f 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -52,6 +52,9 @@
       "endpoints": [
         "https://github.com/CakeAL/ustb-wifi-tools/releases/latest/download/latest.json"
       ]
+    },
+    "shell": {
+      "open": false 
     }
   }
 }
diff --git a/src/pages/About.vue b/src/pages/About.vue
index 93eef01..29b1254 100644
--- a/src/pages/About.vue
+++ b/src/pages/About.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { open } from "@tauri-apps/plugin-shell";
 import { ref } from "vue";
 
 const show = ref(false);
@@ -7,20 +8,24 @@ const show1 = ref(false);
 
 <template>
   <div class="container">
-    <n-h2 prefix="bar" type="success" style="margin-top: 15px;">
-      <n-text type="success">
-        关于作者以及 Tips
-      </n-text>
+    <n-h2 prefix="bar" type="success" style="margin-top: 15px">
+      <n-text type="success"> 关于作者以及 Tips </n-text>
     </n-h2>
     <n-card hoverable class="my-card">
       <n-space vertical>
         <p>更方便的获取 USTB 校园网每日使用情况，查询流量，解绑 MAC 地址等。</p>
+        <p>通过调用校园网的 API，并且数据都在本地进行存储。</p>
         <p>
-          通过调用校园网的
-          API，并且数据都在本地进行存储。
-        </p>
-        <p>
-          源代码可以在 https://github.com/CakeAL/ustb-wifi-tools/
+          源代码可以在
+          <a
+            @click="open('https://github.com/CakeAL/ustb-wifi-tools/')"
+            style="
+              text-decoration: underline;
+              text-underline-offset: 5px;
+              cursor: pointer;
+            "
+            >github.com/CakeAL/ustb-wifi-tools/</a
+          >
           查看，欢迎Star，Folk并提交PR
         </p>
         <p>对此软件有任何问题可以在 Github 项目提交 issues 。</p>
@@ -37,7 +42,7 @@ const show1 = ref(false);
           />
         </n-collapse-transition>
         <h4>关于作者：一个来自USTB计院物联网工程的老东西。</h4>
-        <p>这是我的Github：https://github.com/CakeAL/ </p>
+        <p>这是我的Github：https://github.com/CakeAL/</p>
         <p>这是我的bilibili: https://space.bilibili.com/13161874</p>
         <h4>下面是学校给你的TIPS</h4>
         <p>校园网老是要重新登陆：</p>
@@ -51,23 +56,70 @@ const show1 = ref(false);
             src="/A250E7A1CDCE4161894E703B177AC0C6_频繁掉线.jpg"
           />
         </n-collapse-transition>
-        <p>USTB-V6接入说明：http://cipp.ustb.edu.cn/app.IAManage/index.jsp?m=iamanage&c=Notice&a=noticeInfo&id=22</p>
-        <p>一个原来能看校园网出口出入流量的网站，现在已经打不开了：http://traffic.ustb.edu.cn/</p>
+        <p
+          style="
+            text-decoration: underline;
+            text-underline-offset: 5px;
+            cursor: pointer;
+          "
+          @click="
+            open(
+              'http://cipp.ustb.edu.cn/app.IAManage/index.jsp?m=iamanage&c=Notice&a=noticeInfo&id=22'
+            )
+          "
+        >
+          USTB-V6接入说明
+        </p>
+        <p>
+          一个原来能看校园网出口出入流量的网站，现在已经打不开了：http://traffic.ustb.edu.cn/
+        </p>
         <h4>校园网 Radius 超时可能解决方法：</h4>
-        <p>0. 点击本应用登录页的登录校园网功能，或尝试手动打开http://login.ustb.edu.cn/登录</p>
-        <p>1. 不要使用注销页直接登陆，首先忽略此网络（忘记），然后重开Wi-Fi，再进行登陆，会跳出登录页（虽然ip和注销页是一样的）</p>
+        <p>
+          0.
+          点击本应用登录页的登录校园网功能，或尝试手动打开http://login.ustb.edu.cn/登录
+        </p>
+        <p>
+          1.
+          不要使用注销页直接登陆，首先忽略此网络（忘记），然后重开Wi-Fi，再进行登陆，会跳出登录页（虽然ip和注销页是一样的）
+        </p>
         <p>2. 关掉代理，再重新进行上述操作。</p>
         <p>3. 重启电脑。</p>
-        <p>注销页和登录页网址：http://202.204.48.66/ 或者 http://login.ustb.edu.cn/ (你知道么，学号是可以点击的)</p>
+        <p>
+          注销页和登录页网址：<a
+            @click="open('http://202.204.48.66/')"
+            style="
+              text-decoration: underline;
+              text-underline-offset: 5px;
+              cursor: pointer;
+            "
+            >http://202.204.48.66/</a
+          >
+          或者<a
+            @click="open('http://login.ustb.edu.cn/')"
+            style="
+              text-decoration: underline;
+              text-underline-offset: 5px;
+              cursor: pointer;
+            "
+            >http://login.ustb.edu.cn/</a
+          >
+          (你知道么，学号是可以点击的)
+        </p>
         <h4>给校园网省流方法（偏向使用 ipv6 的方法）：</h4>
-        <p>1. 设置 ipv6 DNS服务器，保证 ipv6-test 能全部通过。一般浏览器都是默认优先 ipv6 的</p>
+        <p>
+          1. 设置 ipv6 DNS服务器，保证 ipv6-test
+          能全部通过。一般浏览器都是默认优先 ipv6 的
+        </p>
         <p>2. Steam：使用 Dogfight360 提供的工具，对 Steam 进行 ipv6 代理。</p>
-        <p>3. 软件镜像源，使用带 ipv6 的镜像源，比如清华源（一般会自动选择 ipv6） mirros6 </p>
+        <p>
+          3. 软件镜像源，使用带 ipv6 的镜像源，比如清华源（一般会自动选择 ipv6）
+          mirros6
+        </p>
         <p>4. 通过 pt 站下载大型软件（比如 Photoshop 等）</p>
         <p>5. 自建/使用 ipv6 代理服务器</p>
-        <br/>
+        <br />
         <p>当前 version = "0.8.6"</p>
-    </n-space>
+      </n-space>
     </n-card>
   </div>
 </template>
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index d7cd75c..1680ec9 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -3,6 +3,8 @@ import { invoke } from "@tauri-apps/api/core";
 import { ref, onMounted, CSSProperties } from "vue";
 import { useMessage, useLoadingBar } from "naive-ui";
 import { ColorPaletteOutline } from "@vicons/ionicons5";
+import { open } from "@tauri-apps/plugin-shell";
+import { dataDir } from "@tauri-apps/api/path";
 
 const loadingBar = useLoadingBar();
 const pop_message = useMessage();
@@ -149,6 +151,13 @@ const set_background_blur = async () => {
     blur: blur.value,
   }).catch((err) => pop_message.error(err));
 };
+
+const open_config = async () => {
+  let path = await dataDir() + "/ustb-wifi-tools" ;
+  console.log(path);
+  
+  await open(path);
+};
 </script>
 
 <template>
@@ -197,16 +206,17 @@ const set_background_blur = async () => {
       <div v-else>
         <h3>您已登录，如果其他页面不能获取到信息，请关闭软件重新打开。</h3>
       </div>
-      <!-- <h3>当前有效JSESSIONID：{{ sessionid }}</h3>
-      <h4>
-        ⬆️这个东西是当前打开应用期间的访问你的校园网数据的一个凭证，如果你发给其他人，那么一段时间内别人也可以看你的数据，这很危险，孩子。
-      </h4> -->
       <n-button strong secondary type="info" @click="logout"> 登出 </n-button>
-      <h4>如果想自己更改配置文件：</h4>
-      <p>
-        Windows: C:\Users\%UserName%\AppData\Roaming\ustb-wifi-tools\config.json
-      </p>
-      <p>macOS: ~/Library/Application Support/ustb-wifi-tools/config.json</p>
+      <h4>
+        如果想自己更改配置文件：<n-button
+          strong
+          secondary
+          type="info"
+          @click="open_config"
+        >
+          打开配置文件夹
+        </n-button>
+      </h4>
       <n-popover trigger="hover">
         <template #trigger>
           <n-button
diff --git a/src/pages/OtherTools.vue b/src/pages/OtherTools.vue
index cee3a81..a2f2317 100644
--- a/src/pages/OtherTools.vue
+++ b/src/pages/OtherTools.vue
@@ -4,6 +4,7 @@ import { onMounted, ref } from "vue";
 import { Flow } from "./UserInfo.vue";
 import { useMessage } from "naive-ui";
 import { useLoadingBar } from "naive-ui";
+import { open } from "@tauri-apps/plugin-shell";
 
 const loadingBar = useLoadingBar();
 const user_name = ref("");
@@ -50,39 +51,54 @@ const load_ammeter = async () => {
     pop_message.error("电表号应该是纯数字!");
   }
 };
+
+const open_webvpn = async () => {
+  await open("https://wpn.citrons.cc/");
+};
 </script>
 
 <template>
   <div class="container">
-    <n-h2 prefix="bar" type="success" style="margin-top: 15px">
-      <n-text type="success"> 其他小工具 </n-text>
-    </n-h2>
-    <n-card title="查一下别人当月流量" hoverable class="my-card">
-      <p>如果你不在校园网，应先登录为“我不在校园网”模式。</p>
-      <n-input
-        v-model:value="user_name"
-        type="text"
-        placeholder="学号/工号"
-        @blur="load_user_flow"
-        round
-      />
-      <template #footer v-if="account_flow">
-        这个人 ipv4 用了 {{ (account_flow.data.v4 / 1024).toFixed(2) }} GB，ipv6
-        用了 {{ (account_flow.data.v6 / 1024).toFixed(2) }} GB
-      </template>
-    </n-card>
-    <n-card title="查一下电费" hoverable class="my-card">
-      <n-input
-        v-model:value="ammeter_number"
-        type="text"
-        placeholder="电表号"
-        @blur="load_ammeter"
-        round
-      />
-      <template #footer v-if="ammeter_data">
-        还剩 {{ ammeter_data }} kW·h
-      </template>
-    </n-card>
+    <n-scrollbar style="max-height: 100vh">
+      <n-h2 prefix="bar" type="success" style="margin-top: 15px">
+        <n-text type="success"> 其他小工具 </n-text>
+      </n-h2>
+      <n-card title="查一下别人当月流量" hoverable class="my-card">
+        <p>如果你不在校园网，应先登录为“我不在校园网”模式。</p>
+        <n-input
+          v-model:value="user_name"
+          type="text"
+          placeholder="学号/工号"
+          @blur="load_user_flow"
+          round
+        />
+        <template #footer v-if="account_flow">
+          这个人 ipv4 用了
+          {{ (account_flow.data.v4 / 1024).toFixed(2) }} GB，ipv6 用了
+          {{ (account_flow.data.v6 / 1024).toFixed(2) }} GB
+        </template>
+      </n-card>
+      <n-card title="查一下电费" hoverable class="my-card">
+        <n-input
+          v-model:value="ammeter_number"
+          type="text"
+          placeholder="电表号"
+          @blur="load_ammeter"
+          round
+        />
+        <template #footer v-if="ammeter_data">
+          还剩 {{ ammeter_data }} kW·h
+        </template>
+      </n-card>
+      <n-card title="WebVPN 转换" hoverable class="my-card">
+        <n-button strong secondary type="info" @click="open_webvpn">
+          点我跳转网页
+        </n-button>
+        <template #footer>
+          用来把一个链接转换成校内 elib/n.ustb.edu.cn 的网址，或者转换回来。以便于在校外轻松访问校内资源，或者在校内访问校外资源（🤔）。
+        </template>
+      </n-card></n-scrollbar
+    >
   </div>
 </template>
 
diff --git a/src/pages/UnbindMacs.vue b/src/pages/UnbindMacs.vue
index 0fda762..6a3abbb 100644
--- a/src/pages/UnbindMacs.vue
+++ b/src/pages/UnbindMacs.vue
@@ -2,6 +2,7 @@
 import { invoke } from "@tauri-apps/api/core";
 import { onMounted, ref } from "vue";
 import { useMessage } from "naive-ui";
+import { open } from "@tauri-apps/plugin-shell";
 
 interface MacAddress {
   device_name: string;
@@ -55,14 +56,17 @@ const unbind = async () => {
 
 <template>
   <div class="container">
-    <n-h2 prefix="bar" type="success" style="margin-top: 15px;">
-      <n-text type="success">
-        解绑 MAC 地址
-      </n-text>
+    <n-h2 prefix="bar" type="success" style="margin-top: 15px">
+      <n-text type="success"> 解绑 MAC 地址 </n-text>
     </n-h2>
     <p>MAC Address是什么？简单来说校园网靠这个来识别是否是你的设备。</p>
     <p>
-      所以随机MAC地址开启的话，就会导致你之前的设备被顶掉，详情可看B站视频：BV1JC4y1S7WS
+      所以随机MAC地址开启的话，就会导致你之前的设备被顶掉，详情可看B站视频：<a
+        @click="open('https://www.bilibili.com/video/av792486473/')"
+        style="text-underline-offset: 5px; text-decoration: underline; cursor: pointer;"
+        >BV1JC4y1S7WS</a
+      >
+      <!-- 点 bv 会打开 av 的网页🤔 -->
     </p>
     <p>当前机器的无线MAC地址是（仅供参考）：{{ this_mac }}</p>
     <p>如果把该地址解绑会导致立刻断网。</p>
@@ -87,7 +91,7 @@ const unbind = async () => {
           </tr>
         </tbody>
       </n-table>
-      <br/>
+      <br />
       <n-button strong secondary type="info" @click="unbind">
         确定解绑
       </n-button>