ws reconnection

.env.development

@@ -10,4 +10,4 @@ VITE_APP_LINE_CLIENT_ID = '1661025693'
 
 VITE_APP_LINE_CLIENT_SECRET = '914cc067cb11ffbd47640de8f3f4a00a'
 
-VITE_APP_WS_URL = 'ws://108.61.223.162:9501'
+VITE_APP_WS_URL = 'wss://ws.h888.fun:8443'

.env.h888

@@ -8,4 +8,4 @@ VITE_APP_LINE_CLIENT_ID = '1657876696'
 
 VITE_APP_LINE_CLIENT_SECRET = '2a7930d6143a00ff421812b942cde200'
 
-VITE_APP_WS_URL = 'ws://108.61.223.162:9501'
+VITE_APP_WS_URL = 'wss://ws.h888.fun:8443'

.env.slash

@@ -10,4 +10,4 @@ VITE_APP_LINE_CLIENT_ID = '1661025693'
 
 VITE_APP_LINE_CLIENT_SECRET = '914cc067cb11ffbd47640de8f3f4a00a'
 
-VITE_APP_WS_URL = 'ws://167.179.106.36:9501'
+VITE_APP_WS_URL = 'wss://shop.slash1000.com:8443'

package.json

@@ -25,6 +25,7 @@
     "pinia": "^2.0.28",
     "postcss": "^8.4.20",
     "qrcode.vue": "^3.4.0",
+    "reconnecting-websocket": "^4.4.0",
     "uuid": "^9.0.0",
     "vant": "^4.0.2",
     "vue": "^3.2.41",

src/pages/Cart/Checkout.vue

@@ -268,6 +268,8 @@
 
 <script setup>
 import _ from "lodash";
+import ReconnectingWebSocket from 'reconnecting-websocket';
+
 import { ref, reactive, onMounted,onUnmounted, computed, watch } from "vue";
 import { useCartStore } from "@/store/Cart";
 import { useOrderStore } from "@/store/Order";
@@ -291,10 +293,14 @@ import mastericon from "/src/assets/icons/png/mastercard1.png";
 const img_url = import.meta.env.VITE_APP_IMG_URL
 
 // 建構websocket
-const ws = new WebSocket(import.meta.env.VITE_APP_WS_URL);
+const ws = new ReconnectingWebSocket(import.meta.env.VITE_APP_WS_URL);
 
 ws.onopen = function(evt) { 
   console.log("Connection open ..."); 
+  console.log(bonus.sn)
+  if(bonus.sn){
+    ws.send(JSON.stringify({action: 'init', payload: bonus.sn}));
+  }
 };
 
 ws.onmessage = function(evt) {

yarn.lock

@@ -1660,6 +1660,11 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+reconnecting-websocket@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/reconnecting-websocket/-/reconnecting-websocket-4.4.0.tgz#3b0e5b96ef119e78a03135865b8bb0af1b948783"
+  integrity sha512-D2E33ceRPga0NvTDhJmphEgJ7FUYF0v4lr1ki0csq06OdlxKfugGzN0dSkxM/NfqCxYELK4KcaTOUOjTV6Dcng==
+
 resolve@^1.22.1:
   version "1.22.1"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz"