客户端与JS交互

客户端在做完基本UI界面之后，往往都会向JS与客户端交互上发展，简单来说就是：客户端调用JS方法，JS调用客户端方法，这样做对app灵活性方面有了极大提升。

网上比较好用的第三方框架很多，比较典型的有 webviewJavaScriptBridge ,苹果自iOS7之后推出的一款框架叫 JavaScriptCore

JavaScriptCore 是在webview的didFinishLoad里面注入JS语句，完成两端的相互调用，我查过一手缓些资料，对这个框架用着不舒服，于是就转向了 webviewJavaScriptBridge ,下面我就着重记录一下自己在开发这块功能时候的笔记和想法。

webviewJavaScriptBridge 兼容iOS6之前和之后，同样也兼容了iOS8推出的 WKWebView ，我想用过 WKWebView 的人都知道它比之 UIWebView 的优势， webviewJavaScriptBridge 能兼容 WKWebView 是再好不过了。

往简单了说， webviewJavaScriptBridge 的使用主要是靠 WKWebViewJavascriptBridge 来连接OC端(也即客户端)与JS端，这里我们需要配合服务端来做，规定好方法名，调用 registerHandler 和 callHandler 就可以了。

[self.bridge setWebViewDelegate:self]这个可要可不要，有时候可能需要在webview代理方法中处理一些UI上的显示问题，所以我这里保留了。但是这样的话就可能造成循环引用，因为self持有webview，而webview又持有self，所以我在这里用了weak修饰webview就可以了。姿激

简单来说，在客户端只需要在合适的地方调用毕册模

两端的调用总体来说就是这样，是不是很方便呢？注意要和前端同事协调好方法名

一般情况下，浏览器中是无法直接和本机的其他的程序进行交互的，在IE中，我们可以通过ActiveX对象的方式进行。但是这个方式只适用于IE浏览器，另一种比较通用的方式便是URL协议的方式，我们将某种URL的协议注册给某个程序来进行处理，比如将tencent://这样的协议注册给QQ程序来进行处理，当浏览器需要访问这样的协议的时候就转给QQ程序进行处理。这种URL协议的方式是可以跨平台的，比如在Windows上你需要添加注册表项。

首先先看看js应该如何调用qq客户端。

window .open(" tencent://message/?uin=346915968 ")

window.open顾名思义，打开。Tencent就不用多说了吧 BAT之T。上述能直接打开qq帐则做号对应的对话框。由此可以知道网页上的在线客服功能是如何实现了吧。

那要是不需要打开对话框，就想要登陆qq应该如何实现呢肢茄？很简单呀：

window .open(" tencent://message/?uin=qq ") 不过调用应用这种跟黑客没什么差别的行为，浏览器一般都是禁止的，

选择允许后，

启动应用，qq客户端就会被调起。

为什么说这个呢，老板又给了个需求孙饥衡，想让调起qq客户端一样，想通过演示页面的一个按钮，调起售票系统的各种程序...

什么都不说了，先看看什么是自定义协议。

Pluggable Protocol，又叫URL Protocol，有时会叫Shell命令，通用的Protocol有http、ftp、mailto等，这些都是windows安装时自带的协议。

接着也实现一个简单的自己的自定义协议吧。

1，运行window，输入regedit打开注册表。 在HKEY_CLASSES_ROOT下面建一个自己起的名字的表。

用如下格式把各项值添上：

js打开qq音乐.exe

启动应用

end.

---