up web client v2

README.md

@@ -39,6 +39,7 @@
     - 自动获取ID服务器和KEY
     - 自动获取地址簿
     - 游客通过临时分享链接直接远程到设备
+    - v2 Preview
 - CLI
     - 重置管理员密码
 
@@ -142,6 +143,11 @@
    ![webclient_conf](docs/webclient_conf.png)
 3. 登录后，会自动同步ID服务器和KEY
 4. 登录后，会将地址簿自动保存到web client中，方便使用
+5. 现已支持`v2 Preview`，访问路径是`/webclient2`
+   ![webclientv2](./docs/webclientv2.png)
+6. `v2 preview` 部署 
+   - 如果是通过`443`端口的`https`部署，必须配置反向代理，可以参考[官方文档](https://rustdesk.com/docs/en/self-host/rustdesk-server-pro/faq/#8-add-websocket-secure-wss-support-for-the-id-server-and-relay-server-to-enable-secure-communication-for-the-web-client)
+   - 如果是`http`或者其他的`https`端口部署，则和`v1`一样，配置好`21118`,`21119`即可
 
 ### 自动化文档: 使用 Swag 生成 API 文档，方便开发者理解和使用 API。
 

README_EN.md

@@ -147,6 +147,12 @@ installation are `admin` `admin`, please change the password immediately.
    ![webclient_conf](docs/webclient_conf.png)
 3. After logging in, the ID server and key will be automatically synced.
 4. The address book will also be automatically saved to the web client for convenient use.
+5. Now supports `v2 Preview`, accessible at `/webclient2`
+   ![webclientv2](./docs/webclientv2.png)
+6. `v2 preview` deployment
+   - If deploying via `https` on port `443`, you must configure a reverse proxy. Refer to the [official documentation](https://rustdesk.com/docs/en/self-host/rustdesk-server-pro/faq/#8-add-websocket-secure-wss-support-for-the-id-server-and-relay-server-to-enable-secure-communication-for-the-web-client)
+   - If deploying via `http` or other `https` ports, configure `21118` and `21119` as with `v1`
+
 
 ### Automated Documentation : API documentation is generated using Swag, making it easier for developers to understand and use the API.
 

resources/web2/index.html

@@ -32,7 +32,7 @@
     <title>RustDesk</title>
     <script src="/webclient-config/index.js"></script>
     <link rel="manifest" href="manifest.json" />
-    <script type="module" crossorigin src="js/dist/index.js?v=3"></script>
+    <script type="module" crossorigin src="js/dist/index.js?v=5"></script>
     <link rel="modulepreload" href="js/dist/vendor.js?v=0b990c6e" />
     <style>
       html,
@@ -259,7 +259,7 @@
         }
         scriptLoaded = true;
         var scriptTag = document.createElement("script");
-        scriptTag.src = "main.dart.js?v=6d46937e";
+        scriptTag.src = "main.dart.js?v=5";
         scriptTag.type = "application/javascript";
         document.body.append(scriptTag);
       }

resources/web2/js/dist/index.js

@@ -1,4 +1,4 @@
-import {getServerConf} from `./ljw.js?v=3`
+import {getServerConf} from "./ljw.js?v=5"
 import {F as $t, J as Yt, L as Re, l as P4, m as r, P as ua, s as Xt, z as H4} from "./vendor.js?v=0b990c6e";
 
 var Zt = Object.defineProperty;
@@ -38987,22 +38987,30 @@ function S4(u = !1) {
 }
 
 function z4(u, e = !1, i = 0) {
-    if (vn()) return "wss://" + kn(u) + "/ws/" + (e ? "relay" : "id");
+    const p = vn() ? "wss://" : "ws://"
-    if (u.indexOf(":") > 0) {
+    const domain = uriDomain(u)
-        const o = u.split(":"), a = parseInt(o[1]);
+    const uriport = uriPort(u)
-        u = o[0] + ":" + (a + (e ? i || 3 : 2))
+    if (vn() && (!uriport || uriport == '443')){
+        return p + domain + "/ws/" + (e ? "relay" : "id");
+    }
+
+    if (uriport) {
+        const a = parseInt(uriport);
+        u = domain + ":" + (a + (e ? i || 3 : 2))
     } else u += ":" + (Pt + (e ? 3 : 2));
-    return "ws://" + u
+    return p + u
 }
 
 function vn() {
     return window.location.protocol === "https:"
 }
 
-function kn(u) {
+function uriDomain(u) {
     return u.indexOf(":") > 0 ? u.split(":")[0] : u
 }
-
+function uriPort(u){
+    return u.indexOf(":") > 0 ? u.split(":")[1] : ''
+}
 const $i = (u, e, i) => e && u.type == "SharedAb" ? Z(Gu([u.value, i.salt])) === Z(e) : !1,
     ut = (u, e) => e && u.type == "PersonalAb" ? Z(u.value) === Z(e) : !1;
 

resources/web2/js/dist/ljw.js

@@ -1,6 +1,7 @@
 window._gwen = {}
 window._gwen.kv = {}
-const apiserver = localStorage.getItem('api-server')
+const storage_prefix = 'wc-'
+const apiserver = localStorage.getItem('wc-api-server')
 
 function stringToUint8Array(str) {
     var arr = [];
@@ -23,10 +24,10 @@ function getQueryVariable() {
 
 getQueryVariable()
 
-const id = window._gwen.kv.id || ''
+/*const id = window._gwen.kv.id || ''
 if (id) {
-    localStorage.setItem('remote-id', id)
+    localStorage.setItem(storage_prefix+'option:local:last_remote_id', id)
-}
+}*/
 const share_token = window._gwen.kv.share_token || ''
 if (share_token) {
     fetch(apiserver + "/api/shared-peer", {
@@ -37,14 +38,15 @@ if (share_token) {
         body: JSON.stringify({share_token})
     }).then(res => res.json()).then(res => {
         if (res.code === 0) {
-            localStorage.setItem('custom-rendezvous-server', res.data.id_server)
+            localStorage.setItem(storage_prefix + 'custom-rendezvous-server', res.data.id_server)
-            localStorage.setItem('key', res.data.key)
+            localStorage.setItem(storage_prefix + 'key', res.data.key)
-            const peer = res.data.peer
+            const peer = res.data.peer || {}
-            localStorage.setItem('remote-id', peer.info.id)
+            /*const s = {
-            peer.tmppwd = stringToUint8Array(window.atob(peer.tmppwd)).toString()
+                id: peer.info.id,
-            const oldPeers = JSON.parse(localStorage.getItem('peers')) || {}
+                password: peer.tmppwd,
-            oldPeers[peer.info.id] = peer
+            }*/
-            localStorage.setItem('peers', JSON.stringify(oldPeers))
+            //修改location
+            window.location.href = `/webclient2/#/${peer.info.id}?password=${peer.tmppwd}`
         }
     })
 }
@@ -55,7 +57,7 @@ export function getServerConf(token) {
     if (!token) {
         return
     }
-    const prefix = 'wc-'
+
     console.log('getServerConf', token)
     if (fetching) {
         return
@@ -71,9 +73,9 @@ export function getServerConf(token) {
     ).then(res => res.json()).then(res => {
         fetching = false
         if (res.code === 0) {
-            if (!localStorage.getItem(prefix + 'custom-rendezvous-server') || !localStorage.getItem('key')) {
+            if (!localStorage.getItem(storage_prefix + 'custom-rendezvous-server') || !localStorage.getItem('key')) {
-                localStorage.setItem(prefix + 'custom-rendezvous-server', res.data.id_server)
+                localStorage.setItem(storage_prefix + 'custom-rendezvous-server', res.data.id_server)
-                localStorage.setItem(prefix + 'key', res.data.key)
+                localStorage.setItem(storage_prefix + 'key', res.data.key)
             }
         }
     }).catch(_ => {