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

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

作者: China第一程序员 | 来源:发表于2018-12-04 13:16 被阅读18次

需求

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

实现

利用URL Protocol实现
1、URL Protocol格式,如下:

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

<html>
<a href="MyWebshell:hello">Wheshell</a>
</html>

方式二:

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('和服务器断开连接');
      }
    },

相关文章

网友评论

      本文标题:网页调用本地应用程序 — URL Protocol

      本文链接:https://www.haomeiwen.com/subject/twymcqtx.html