＜tauri＞＜rust＞＜GUI＞基于tauri，实现websocket通讯程序（右键菜单、websocket）

前言

本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。

环境配置

1. 系统：windows 10
2. 平台：visual studio code
3. 语言：rust、javascript
4. 库：tauri2.0

概述

本文是基于tauri框架下，实现一个websocket通讯客户端，可以与websocket服务器进行数据通讯。

1、创建前端项目

如何创建前端项目并集成tauri到项目中，本文不再赘述，可以参看我之前的博文：
1、＜tauri＞＜rust＞＜GUI＞基于rust和tauri，在已有的前端框架上手动集成tauri示例
或者参考tauri官网：
https://tauri.app/zh-cn/start/frontend/

本文的目的是实现websocket客户端，与websocket服务器进行通讯。我们依旧先创建网页端布局，新建一个websocket.html文件：

<div id="sidebar" class="sidebar">
     <div id="btns" class="btns">
        <button type="button" id="connbtn">服务器连接button>
        <button type="button" id="disconnbtn">服务器断开button>
        <div id="status" class="status">

        div>
    div>
div>
<div id="wsws" class="wsws">
    <div id="setbox" class="setbox">
         <label for="ipinput">服务器IP:label>
        <input type="text" class="ipinput" id="ipinput" placeholder="ws服务器ip地址" value="127.0.0.1">
        <label for="portinput">服务器端口:label>
        <input type="text" class="portinput" id="portinput" placeholder="ws服务器端口号" value="8080">
    
        <label for="msginput">发送消息：label>
        <input id="msginput" class="msginput" type="text" placeholder<