需求
在网页中启动本地应用程序并传递参数
实现
利用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('和服务器断开连接');
}
},