1. webview.addJavascriptInterface() doen not work on API 16+
常见的客户端与H5的混合编程是使用scheme+、JS bridge、provider等。
在做Android 与 H5 客户端交互时,发现一个很诡异的错误。在一个4.2.2的 三星S3上,Android Javascript Bridge 会出现回调出错。
所有挂在Bridge对象下的函数均无法找到。于是一点点排查问题到底出现在哪。
其他手机H5混合编程消息回调正常,本以为是因为是旅行V3.0是基于Fragment引起的,即fragment下不能使用。后来经过排查发现不是这个问题。
发现就是手上的一台S3不行,其他基本都可以进行消息回调。
排查了一大圈,发现在Android SDK Target API Level 16+的情况下,使用以往的方式进行Native 与 H5进行混合编程均无法搞定。
解决办法:
- 推荐使用较高的Target SDK去编译【4.0+】.
2. 在Javascript Bridge对象下的所有回调方法使用 @JavascriptInterface 进行注解声明
3. 需要 import android.webkit.JavascriptInterface;
使用4.0+版本的Target SDK时,需要注意对回调方法进行注解声明!这种坑 很难发现,使用类似的混合编程技术的团队请关注这点~
设备ROM版本 | 开发环境 Target SDK | 不用注解,消息是否能生效 |
<4.0 | >4.0 | Ok |
<4.0 | <4.0 | Ok |
>4.0 | >4.0 | NO |
<4.0 | >4.0 | OK |
public class J2NBridgeManager {
@JavascriptInterface
public void startNativeService(String schemeUrl) {
// js回调为空 则直接返回
if (TextUtils .isEmpty(schemeUrl)) {
return;
}
final TripURL mServiceUrl = Utils.getURIByUrlWithDecoded(schemeUrl);
// 执行本地一个service ,异步处理完后,回调js
mHandler.post( new Runnable() {
@Override
public void run() {
doService(mServiceUrl);
}
});
}
}
参考文章:
如何建立通信: http://stackoverflow.com/questions/13063222/web-view-addjavascriptinterface-issue
解决问题说明: http://stackoverflow.com/questions/16353430/appview-addjavascriptinterface-doen-not-work-on-api-17
2.微信android 5.0+版本的消息分享,无法通过scheme唤起 第三方客户端
之前我们会通过provider 在微信webview中JS检查手机是否安装旅行客户端,然后通过下面的方式进行逻辑分发:
通过scheme唤醒第三方客户端,在<5.0版本前均可以通过window.location.href = 'taobaotravel://h5_homepage';的自定义的scheme去实现,但是微信5.0版本后,貌似是在微信的webview中进行了url过滤,对应非信任的url进行了屏蔽,所以导致不能发起scheme去唤醒客户端。
关于URL白名单这个东西,目前仅仅为猜测,如果谁有微信的那边的朋友【微信研发团队是在广州】,可以帮忙确认下。
如果确认是微信加了白名单,目前通过微信5.0+webview唤醒我们的第三方app将变成死路。。。。
如果能通过商业合作的方式也是可取的
if(isMac) {
if(getAvailabled()) {
$('J_btn').innerHTML = '旅行启动中…';
setTimeout(function() {
if(window.location.href.match('promo-assit.php')) {
window.location.href = 'taobaotravel://h5_homepage';
$('J_btn').innerHTML = '启动旅行客户端';
return;
}
window.location.href = 'taobaotravel://h5_webview?' + param;
$('J_btn').innerHTML = '启动旅行客户端';
}, 1300);
} else {
// 跳活动页面
if(window.location.href.match('promo-assit.php')) {
window.location.href = 'http://lv.taobao.com/';
} else {
window.location.href = fixUrl(jmpurl);
}
}
}