fix(frontend): wss on https (#639)

Author: gary-Shen

README.md

@@ -16,8 +16,8 @@
 
 ## 开始使用
 
-- Playground：[https://opendatalab.github.io/labelU-Kit/](https://opendatalab.github.io/labelU-Kit/)
-- 体验 LabelU 在线版：[https://labelu.shlab.tech/](https://labelu.shlab.tech/)
+- [Playground](https://opendatalab.github.io/labelU/playground/image)
+- [LabelU 在线版](https://labelu.shlab.tech/)
 
 ## Packages
 

README_en-US.md

@@ -16,8 +16,8 @@
 
 ## Getting Started
 
-- Playground: [https://opendatalab.github.io/labelU-Kit/](https://opendatalab.github.io/labelU-Kit/)
-- Try LabelU: [https://labelu.shlab.tech/](https://labelu.shlab.tech/)
+- [Playground](https://opendatalab.github.io/labelU/playground/image)
+- [LabelU online](https://labelu.shlab.tech/)
 - Documentation: [https://opendatalab.github.io/labelU-Kit](https://opendatalab.github.io/labelU-Kit)
 
 ## Packages

apps/frontend/package.json

@@ -112,4 +112,4 @@
     "vite-plugin-svgr": "^2.4.0",
     "vite-plugin-ts-mono-alias": "^1.1.8"
   }
-}
+}

apps/frontend/src/hooks/useSampleWs.ts

@@ -43,7 +43,9 @@ export default function useSampleWs() {
 
   useEffect(() => {
     wsRef.current = new WebSocketClient(
-      `ws://${host}/ws/task/${routeParams.taskId}/${routeParams.sampleId}?token=${token}`,
+      `${window.location.protocol === 'https:' ? 'wss' : 'ws'}://${host}/ws/task/${routeParams.taskId}/${
+        routeParams.sampleId
+      }?token=${token}`,
     );
 
     const ws = wsRef.current;