网页调用本地应用程序 — URL Protocol

需求

在网页中启动本地应用程序并传递参数

实现

利用URL Protocol实现
1、URL Protocol格式，如下：

使用记事本输入上述内容，修改其中的协议名称、应用程序路径，启动参数，并保存成reg文件。
点击执行保存的reg文件，则在注册表中注册了名字为MyWebshell的协议。
2、前端代码调用
方式一：

Wheshell

方式二：

JavaScript：
      const linkTmp = document.createElement('a');
      linkTmp.href = 'Grishell://test';
      linkTmp.click();

3、本地应用程序接收参数
本地应用程序在入口函数中接收参数，如下：

int _tmain(int argc, _TCHAR* argv[])     //argv即为接收到的参数

改进

通过上述方式传递参数，只能在应用程序启动时接收到，如果前端需要持续性的和本地应用程序交互，则可以使用webSocket，通过webSocket传递消息和本地应用程序交互，代码如下：

  createWebSocket() {
      this.webSocket = new ReconnectingWebSocket('ws://XXX.XXX.XXX.XXX:XX');
      this.webSocket.maxReconnectInterval = 1000;
      this.webSocket.onopen = this.webSokectOnOpen;
      this.webSocket.onmessage = this.webSocketOnMessage;
      this.webSocket.onclose = this.webSocketOnClose;
    },
    webSokectOnOpen() {
      if (this.webSocket.readyState == 1) {
        console.log('已经打开连接');
        const params = {
          .... //要传递的参数
        };
       //socket发送参数
        this.webSocket.send(JSON.stringify(params));
      }
    },
    webSocketOnMessage(event) {
     // 监听来自本地应用程序的数据
    console.log('收到客户端的数据：' + event.data);
   }
    webSocketOnClose() {
      if (this.webSocket.readyState == 3) {
        console.log('和服务器断开连接');
      }
    },