终于搞懂了网盘网页是怎么唤醒本地应用了

写在前面

用百度网盘举例,可以通过页面打开本机的百度网盘软件,很多软件的网站页面都有这个功能。这个事情一直令我比较好奇,这次终于有空抽时间来研究研究了,本篇讲的是Windows的,mac的原理与之类似。

自定义协议

本身单凭浏览器是没有唤醒本地应用这个能力的,不然随便一个网页都能打开你的所有应用那不就乱套了吗。但是电脑系统本身又可以支持这个能力,就是通过配置自定义协议。

举个例子,当你用浏览器打开一个本地的PDF的时候,你会发现上面是file://path/xxx.pdf,这就是系统内置的一个协议,浏览器可以调用这个协议进行文件读取。

那么与之类似的,windows本身也支持用户自定义协议来进行一些操作的,而这个协议就在注册表中进行配置。

配置自定义协议

这里我用VS Code来举例子,最终我要实现通过浏览器打开我电脑上的VS Code。

我们先编写一个注册表文件

csharp 复制代码
Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\vscode]
@="URL:VSCode Protocol"
"URL Protocol"=""

[HKEY_CLASSES_ROOT\vscode\shell]

[HKEY_CLASSES_ROOT\vscode\shell\open]

[HKEY_CLASSES_ROOT\vscode\shell\open\command]
@=""D:\VScode\Microsoft VS Code\Code.exe" "%1""

这里我逐行解释

  1. Windows Registry Editor Version 5.00 这行表明该文件是一个 Windows 注册表编辑器文件,这是标准的头部,用于告诉 Windows 如何解析文件。
  2. HKEY_CLASSES_ROOT\\vscode 这是一个注册表键的开始。在这里,\vscode 表示创建一个名为 vscode 的新键。
  3. @="URL:VSCode Protocol"vscode 键下,这行设置了默认值(表示为 @ ),通过 "URL:VSCode Protocol" 对这个键进行描述。
  4. "URL Protocol"="" 这行是设置一个名为 URL Protocol 的空字符串值。这是代表这个新键是一个 URI 协议。
  5. HKEY_CLASSES_ROOT\\vscode\\shell 创建一个名为 shell 的子键,这是一个固定键,代表GUI界面的处理。
  6. HKEY_CLASSES_ROOT\\vscode\\shell\\openshell 下创建一个名为 open 的子键。这耶是一个固定键,open 是一个标准动作,用来执行打开操作。
  7. HKEY_CLASSES_ROOT\\vscode\\shell\\open\\commandopen 下创建一个名为 command 的子键。这是一个固定键,指定了当协议被触发时要执行命令。
  8. @=""D:\VScode\Microsoft VS Code\Code.exe" "%1""command 键下,设置默认值为 VSCode 的路径。 "%1" 是一个占位符,用于表示传递给协议的任何参数,这里并无实际用处。

写好了注册表文件后,我们将其保存为 vscode.reg,并双击执行,对话框选择是,相应的注册表信息就被创建出来了。

可以通过注册表中查看。

浏览器打开VS Code

这时,我们打开浏览器,输入 vscode://open

可以看到,就像百度网盘一样,浏览器弹出了询问对话框,然后就可以打开VS Code了。

如果想要在网页上进行打开,也简单

xml 复制代码
<script>
  function openVSCode() {
    window.location.href = 'vscode://open/';
  }
</script>
<button onclick="openVSCode()">打开 VSCode</button>

写一个简单的JS代码即可。

写在最后

至此,终于是了解了这方面的知识。这就是说,在网盘安装的过程中,就写好了这个注册表文件,自定义了网盘的唤醒协议,才可以被识别。

而我也找到了这个注册表

原来叫baiduyunguanjia协议(不区分大小写),使用 baiduyunguanjia://open 可以打开。

相关推荐
BigTopOne3 小时前
【WebRtc】DTLS-SRTP 加密完整流程详解
前端
陈随易3 小时前
pm2 替代品,nodejs&bun 线上部署必备工具
前端·后端·程序员
单线程_013 小时前
从案例分析 Vue3 Tokenizer 源码一
前端·javascript·vue.js
BigTopOne3 小时前
【WebRtc】-ICE Candidate 与 STUN/TURN 原理详解
前端
l1258653 小时前
# LangGraph Memory机制深度解析:短期记忆与长期记忆的工程实践
前端·人工智能·python·langchain·bootstrap
码视野3 小时前
基于 Spring Boot + Vue3 的【大学英语四六级 (CET-4/6) 作文智能评分与句式润色系统】设计与实现(含PRD/三端高保真源码/大屏)
java·前端·人工智能·spring boot·后端·vue3
大模型码小白4 小时前
AI 对话流性能调优:万级消息的虚拟滚动落地
java·大数据·前端·javascript·人工智能·算法·机器学习
xm_xm_xm_14 小时前
react17版本以前类组件常用操作
前端·javascript·react.js
ly76895 小时前
Web 性能优化实战:从 Core Web Vitals 到工程化性能治理
前端·性能优化
冬奇Lab6 小时前
一天一个开源项目(第200篇):next-forge - 生产级 Next.js SaaS 启动模板
前端·前端框架·开源