Add chat logic class for web sockets

luckydiamond/src/assets/js/authentication/AuthService.js

@@ -1,15 +1,6 @@
 import { Post } from '../rest/RestMethods.js';
 import { BackendApiUrl } from '@/properties/Сonfig.js';
 
-// export function
-//     LogIn(authCode) {
-//     return Post(BackendApiUrl + "/LogIn", { code: authCode }).then((data) => {
-//         console.log(data);
-//         return data;
-//     }).catch(error => {
-//         console.log(error)
-//     });
-// }
 export async function LogIn(authCode) {
     try {
         const response = await Post(BackendApiUrl + "/Authorize/LogIn", { code: authCode });

luckydiamond/src/assets/js/chat/ChatLogic.js

@@ -0,0 +1,50 @@
+import { BackendWebSocketUrl } from '@/properties/Сonfig.js';
+import {
+    GetCookie
+} from "@/assets/js/storage/CookieStorage.js";
+import WritechatComponent from "@/components/WritechatComponent.vue";
+
+
+let webSocket;
+
+export function ConnectToChat() {
+    try {
+        webSocket = new WebSocket(BackendWebSocketUrl);
+
+        webSocket.onopen = function () {
+            console.log('Connection established');
+            // webSocket.send('Hello, Server!');
+        };
+
+        webSocket.onmessage = function (event) {
+
+            WritechatComponent.ClaimDatamsg(event.data);
+            console.log('Message from Server:', event.data);
+        };
+
+        webSocket.onclose = function () {
+            console.log('Connection closed');
+        };
+
+        webSocket.onerror = function (event) {
+            console.error('WebSocket Error:', event);
+        };
+    } catch (error) {
+        console.error('Error in ConnectToChat:', error);
+    }
+}
+
+export function SendMessageToChat(message) {
+    try {
+        const data = {
+            SpUserName: GetCookie("SpUserName"),
+            SearchToken: GetCookie("SearchToken"),
+            Message: message
+        };
+
+        webSocket.send(JSON.stringify(data));
+
+    } catch (error) {
+        console.error('Error in ConnectToChat:', error);
+    }
+}

luckydiamond/src/components/ChatComponent.vue

@@ -34,6 +34,7 @@
 <script>
 import '@/assets/css/ComponentsStyles/chat.css'
 import WritechatComponent from "@/components/WritechatComponent.vue";
+import { SendMessageToChat } from "@/assets/js/chat/ChatLogic.js";
 
 export default {
   components: { WritechatComponent },
@@ -54,6 +55,8 @@ export default {
 
       this.array.push(MsgUser)
       
+      SendMessageToChat(msg[0]);
+
       if(this.array.length > 7) {
         this.array.shift()
       }

luckydiamond/src/main.js

@@ -3,11 +3,17 @@ import App from './App.vue'
 
 import router from "@/router/router";
 import { Mixins } from "@/mixins/mixin";
-
+import {
+    ConnectToChat
+} from "@/assets/js/chat/ChatLogic.js";
 import '@/assets/css/global.css'
 
 const app = createApp(App)
+
 app.use(router)
 app.mixin(Mixins)
 
 app.mount('#app')
+
+
+ConnectToChat();

luckydiamond/src/properties/Сonfig.js

@@ -1,2 +1,5 @@
 export const BackendApiUrl  = 'https://spsystemcore20231122004605.azurewebsites.net/api';
-// export const BackendApiUrl = 'https://localhost:7062/api';
+
+export const BackendWebSocketUrl  = 'wss://spsystemcore20231122004605.azurewebsites.net';
+ 
+ // export const BackendApiUrl = 'https://localhost:7062/api';