通过Web页面启动本地应用程序

妖狐艹你老母 2021-06-26 16:06 759阅读 0赞

## 需求 ##

目前在项目中需要在`html`页面中通过连接(`a`标签)来唤醒本地应用，这个是基于`window`系统

## 解决方法 ##

### 注册自己的协议 ###

在`window`下需要将自己的协议添加至注册表中，下面以打开`wps word`为例

// 新建word.reg注册表文件（可以使用vscode进行编辑，安装reg插件来提供一些小提示）
    Windows Registry Editor Version 5.00 // 注册表工具的版本信息
    [HKEY_CLASSES_ROOT\word]  
    @="word"  // 协议的名称
    "URL Protocol"="D:\\software\\WPS Office\\10.1.0.7521\\office6\\wps.exe"   // 可应用程序的路径，只能是exe的程序
    [HKEY_CLASSES_ROOT\word\DefaultIcon]
    @="D:\\software\\WPS Office\\10.1.0.7521\\office6\\wps.exe,1" 
    [HKEY_CLASSES_ROOT\word\shell]
    @="open"
    [HKEY_CLASSES_ROOT\word\shell\open]
    @="open"
    [HKEY_CLASSES_ROOT\word\shell\open\command]
    @="\"D:\\software\\WPS Office\\10.1.0.7521\\office6\\wps.exe\" \"%1\"" // 应用程序路径，%1表示参数

### 注意 ###

1.  路径使用双杠“`\`”
2.  如果字符串中有双引号（`"`），那么需要加转义字符`""`
3.  保存后双击文件执行，将这些项写入到注册表

### 检验是否注册成功 ###

*  开始-运行 输入`word:`，可以运行该程序则表示注册成功了；
 *  在浏览器的地址栏直接输入：`word:`，可以运行则表示注册成功；

### 在`web`页面中启动`word`程序 ###

`href`里面配置自定义的协议，用于唤醒本地应用

<!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Page Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    
    <body>
        <a href="word:">打开word</a>
    </body>
    
    </html>

## 最后 ##

在谷歌浏览器69版本中测试可正常唤醒`wps word`程序

--------------------

## 网页`Web`上调用本地应用程序 ##

### 一、`web`调用本地应用程序的思路 ###

这个方法主要思路是利用自定义`URL Protocol`来调用应用程序。浏览器在解析到自定义`URL Protocol`之后，会寻找注册表，然后通过注册表启动相应的程序，然后启动改程序，传入参数。这样就可以在`WEB`页面调到你的程序了。比如在浏览器地址栏输入“`tencent://message/?uin=88888888&Site=JooIT.com&Menu=yes`”就会出现一个`QQ`对话框。

1、先往注册表写信息。如下：

Windows Registry Editor Version 5.00  
    [HKEY_CLASSES_ROOT\Diff]  
    "URL Protocol"="这里是小程序的安装路径"  
    @="DiffProtocol"  
    [HKEY_CLASSES_ROOT\Diff\DefaultIcon]  
    @="这里是小程序的安装路径,1"  
    [HKEY_CLASSES_ROOT\Diff\shell]  
    [HKEY_CLASSES_ROOT\Diff\shell\open]  
    [HKEY_CLASSES_ROOT\Diff\shell\open\command]  
    @="\"这里是小程序的安装路径\" \"%1\""

将上面的内容保存为`.reg`文件运行即可。

2、`web`页面调用。在网页直接一个超链接，协议://参数就可以了。比如

需要指出的是：在上面例子中注册表中代码【`@="\"这里是小程序的安装路径\" \"%1\""`】中的`%1`表示传入参数，就是对应这此处的`Diff://hello`，解析之后就可以得到参数`hello`了。

### 二、完整实例。 ###

1、`xxxClient.reg`文件

Windows RegistryEditor Version 5.00  
    
    [HKEY_CLASSES_ROOT\xxxClient]  
    @="xxxClientProtocol"  
    "URLProtocol"=""  
    
    [HKEY_CLASSES_ROOT\xxxClient\DefaultIcon]  
    @="C:\\ xxx_Client\\client.bat,1"  
    
    [HKEY_CLASSES_ROOT\xxxClient\shell]  
    
    [HKEY_CLASSES_ROOT\xxxClient\shell\open]  
    
    [HKEY_CLASSES_ROOT\xxxClient\shell\open\command]  
    @="\"C:\\xxx_Client\\client.bat\" \"%1\""

2、`client.bat`文件

@echo off

`rem`设置当前目录为`C:\ xxx _Client\`

setcurrent_dir=C:\ xxx _Client\   
    
    pushd%current_dir%   
    
    call C:\ xxx _Client\xxx _Client.exe

3、`web`页面文件

<!DOCTYPEHTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">  
     <head>  
         <meta http-equiv="Content-Type"content="text/html; charset=utf-8" />  
     </head>  
       <body>  
           <div>  
               <a href="xxxClient://">  
              打开客户端软件  
               </a>  
           </div>  
       </body>  
    </html>

### 三、注意问题： ###

1、如何动态生成注册表信息，可以在应用程序中写代码操作注册表，写入上面的`URL Protocol`注册表格式信息。

2、路径问题，如果应用程序包含了很多文件，就涉及到工作路径问题，`web`调用应用程序，当时的工作路径是的`web`运行的工作路径。可以通过`bat`或应用程序来切换路径。

以`bat`为例，建立一个批处理文件，里面切换路径，注册注册表信息时，`[HKEY_CLASSES_ROOT\Diff\shell\open\command]`使用`bat`路径。

`xxxClient.bat`文件

@echo off

`rem`设置当前目录为`C:\ xxx_Client\`

setcurrent_dir=C:\ xxx_Client\
    
    pushd%current_dir%
    
    call C:\ xxx_Client\xxx_Client.exe

3、如何获取参数？

`MFC Dialog`程序的参数值：

首先需要获取传入的参数，在控制台程序中我们都知道`main()`函数的参数`argv`里带入了传入的参数，而在`MFC`程序中则需要在`InitInstance()`中进行命令行参数解析。

CCommandLineInfo   cmdInfo;   
    ParseCommandLine(cmdInfo);

为了给对话框传入待显示的参数，加入了一个`SetDisplayInfo`方法。

CHelloWorldDlg dlg;
    dlg.SetDisplayInfo(cmdInfo.m_strFileName);//设置待显示的信息
    
    void CHelloWorldDlg::SetDisplayInfo(CString& strInfo)
    { 
    this->m_strInfo = strInfo;
    }

最后在`OnInitDialog`函数中进行参数解析

//解析传入的完整地址,e.g "helloworld://hello world/"
    int pos = m_strInfo.Find("//");//找到分隔符
    m_strInfo = m_strInfo.Mid(pos+2);//取到传入的参数
    m_strInfo.Delete(m_strInfo.GetLength()-1);//去掉最后的'/'
    m_edit_info.SetWindowText(m_strInfo);