Alex的博客

本博客的文章均为原创,是本人从事行业多年来所遇见一些小问题的解决心得,希望可以帮助到大家!



通过自定义URL协议在Web网页中启动本地应用程序

 在做web应用的时候,我们经常会遇到在web中调用本地应用程序的问题,例如在web中点击一个按钮,然后打开自己写的或者别人的应用程序。上网比较留意的同学应该会发现,想qq客服,淘宝的阿里旺旺客服都会有这样的效果。

    下面我主要介绍一种现在主流的处理方法,这种方法在网上的其他地方也有,但是都是转来转去,而且写得不详细,对于初学者来说,很难看懂,并仿照着处理。所以这篇文章不算原创,只能说是对网上的文章进行详细说明,便于大家使用和仿照。

 

这个方法主要思路是利用自定义URL Protocol来调用应用程序。浏览器在解析到自定义URL Protocol之后,会寻找注册表,然后通过注册表启动相应的程序,然后启动改程序,传入参数。对于我这个项目而言,主要思路是利用这个自定义URL Protocol的方法,打开一个c#的应用程序,在这个程序中再调用系统命令,打开jar应用程序,并传入参数。主要实现步骤如下:

1.添加自定义URL Protocol

#####################################################################################

1.##Windows Registry Editor Version 5.00

2.##[HKEY_CLASSES_ROOT\Simu]

3.##"URL Protocol"="x:\\simu\\Simulink.exe"

4.##@="SimuProtocol"

5.##[HKEY_CLASSES_ROOT\Simu\DefaultIcon]

6.##@="x:\\simu\\Simulink.exe,1"

7.##[HKEY_CLASSES_ROOT\Simu\shell]

8.##[HKEY_CLASSES_ROOT\Simu\shell\open]

9.##[HKEY_CLASSES_ROOT\Simu\shell\open\command]

10.##@="\"x:\\simu\\Simulink.exe\" \"%1\""

#####################################################################################

        在#内的为自定义URL Protocol的注册表信息,我对每一行说明一下:第一行是注册表工具的版本信息,可以自己改一改,或者自己导入任意一个注册信息,把这一行复制过来就行了;第二行中的Simu就是在HKEY_CLASSES_ROOT下面添加一个Simu树,其中Simu的名称就对应着自定义URL Protocol的名称,在web中调用的时候需要这个名称;第三行中的"x:\\simu\\Simulink.exe"是指定应用程序的路径,注意只能是exe的程序;第四行是协议的名称,可以是任意字符串,后面不会用到;第五行表示在Simu中再加一个分支,照抄,不用管;第六行中的x:\\simu\\Simulink.exe也是对应的程序路径,后面的1照抄;第七行同第五行;第八行同第五行;第九行同第五行;第十行也是将路径换成自己的程序路径即可,其中%1表示到参数,参数可以在你的程序simulink.exe中解析得到。分析毕。

       将#之间的内容复制到一个txt文档中,修改后缀名为.reg,双击该文件即可直接导入到注册表中。



调用协议很简单,就是一个链接即可,如下所示:

<a href="Simu://hello">SIMU</a>

    需要指出的是:在标题1中的第10行注册表中代码中的%1表示传入参数,就是对应这此处的Simu://hello,解析之后就可以得到参数hello了。 

 


Windows:

1.写一个C++ 应用程序,代码如下:


#include <iostream> #include <string> using namespace std; int main(int argc, char* argv[])
{ if(argc > 1)
    {
        std::string argi(argv[1]);
        cout<<argi<<endl;
    }

    cout<<"Press any key to continue"<<endl; int i;
    cin>>i; return 0;
}

2.在windows上新建文件MyApp.reg,文件内容如下:


Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\MyApp]
@="Open MyApp"
"URL Protocol"=""

[HKEY_CLASSES_ROOT\MyApp\shell]

[HKEY_CLASSES_ROOT\MyApp\shell\open]

[HKEY_CLASSES_ROOT\MyApp\shell\open\command]
@="\"L:\\Dev\\MyApp\\Debug\\MyApp.exe\" \"%1\""

注:把"L:\\Dev\\MyApp\\Debug\\MyApp.exe\"更新为MyApp.exe所在的路径。

在Windows上运行MyApp.reg添加内容到注册表,如下图:

4.写一段HTML测试代码如下,保存到文件MyAppTest.html:


<!DOCTYPE html> <html> <body> file URL or path: <input id='fileinput' type='text'/><br> <button type='button' onclick='window.location.href = "MyApp://command=open&file=" + encodeURIComponent(document.getElementById("fileinput").value)'>Open in MyApp</button> <button type='button' onclick='window.location.href = "MyApp://command=insert&file=" + encodeURIComponent(document.getElementById("fileinput").value)'>Insert in MyApp</button> </body> </html>
复制代码

分别在Windows上用浏览器运行MyAppTest.html,点击“Open in MyApp”,结果如下:

 

OSX:

用Xode打开你的project

1.选择你的 project.

2.选择你的 target.

3.打开 Info tab.

4.在URL Types下面添加新的URL.

如下图:

在Safari里面运行URL:myapp://,将启动这个应用。


浏览306  评论0  Alex于 2017-12-20 15:03
发言