AgentWeb-Android-H5混合开发

简介

agentweb 是对webview进行的又一层封装较为轻量级
所以基本的开发流程大致和webview原理相似
将html5文件方入asset文件夹下，访问路径为

    final private String CoachFile = "file:///android_asset/teacher/info-teacher.html";

运行demo

此demo使用了bintray/Jcenter 这个东西
Jcenter:看这个删除相关部分
[https://blog.csdn.net/u013231041/article/details/70174354]
需要在gradle 中将相关代码全部注释掉或者升级对应gradle 版本才能运行

原生webview-js使用

[https://blog.csdn.net/carson_ho/article/details/64904691]

[https://blog.csdn.net/carson_ho/article/details/52693322]

使用过程

集成
JS-调android
Android 调 js
官网给出的代码片段

Android 调js

  function callByAndroid(){console.log("callByAndroid")}//此处为agentweb声明js方法
mAgentWeb.getJsAccessEntrace().quickCallJs("callByAndroid");

js调android

//可理解为agentweb注册interface
mAgentWeb.getJsInterfaceHolder().addJavaObject("android",new AndroidInterface(mAgentWeb,this));
window.android.callAndroid();

AndroidInterface

 public class AndroidInterface {private Handler deliver = new Handler(Looper.getMainLooper());private AgentWeb agent;private Context context;public AndroidInterface(AgentWeb agent, Context context) {this.agent = agent;this.context = context;}//必须声明此注解@JavascriptInterfacepublic String getToken(final String msg) {String accessToken=Config.getAccessToken(context);Log.i("Info", "Thread:" + Thread.currentThread());return accessToken;}@JavascriptInterfacepublic int getID(){int id=Config.getUid(context);Log.d("uid:",""+id);return id;}
}

html调用部分片段

    getLocalData:function(){if(window.android!=null&&typeof(window.android)!="undefined"){id=window.android.getID();alert(" : "+id);}else{alert(typeof(window.android));}},

对框架的二次封装

AgentWeb-Android-H5混合开发相关推荐

关于Android H5混合开发遇到的问题
2019独角兽企业重金招聘Python工程师标准>>> 添加WebChromeClient,复写onJsAlert.onJsConfirm.onJsPrompt方法后,弹框异常退出问 ...
androidh5混合开发_Android H5混合开发（3）：原生Android项目里嵌入Cordova
前言如果安卓项目已经存在了,那么如何使用Cordova做混合开发? 方案1(适用于插件会持续增加或变化的项目): 新建Cordova项目并添加Android平台,把我们的安卓项目导入Android平 ...
移动端H5混合开发设置复盘与总结
此篇接上一篇: 移动端H5混合开发,Touch触控,拖拽,长按, 滑屏实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了, ...
ioswebview混编_iOS 原生和H5混合开发总结
最近一段时间开发一个App,由于时间紧采用原生+H5混合开发,这里记录一下开发过程中遇到的问题. 之前在项目中使用过WebViewJavascriptBridge,使用起来很简单,但是这次项目中没有使 ...
混合开发与移动端--H5混合开发、H5页面的开发布局、开发注意事项、H5与原生（安卓）交互、webpack打包优化解决方案、H5调试工具、webview
H5混合开发混合开发.原生开发.H5开发的区别: 简述:主流APP:原生APP.H5(webapp).混合APP,相对应的定制研发即原生开发.H5开发.混合开发原生APP开发优缺点: 可以访问手机 ...
招募技术合伙人（H5混合开发+秒开流应用）
本司因技术开发的需要,特向社会.高校招募技术合伙人,希望不甘于工薪收入,有志创业的人士踊跃报名,无需投资.无需离开原单位. 要求:擅长H5混合开发,会秒开(流应用)的优先邮箱:Mr.liao@ali ...
Android封装sdk页面为h5,Android/H5混合 SDK 集成文档
Android /H5 混合SDK 该SDK用于Android Hybrid 模式下,H5页面的以下情形: * 用户以app或单个设备为单位,进行H5页面的试验 * 离线缓存模式H5页面的试验 SDK ...
H5混合开发二维码扫描教程之大圣众娱十人牛牛源码搭建架设
今天用H5调用本地摄像头进行扫描二维码,我之前有做过原生安卓的二维码扫一扫,主要是通过调用zxing插件进行操作的,其中还弄了个闪光灯.但是纯H5的没接触过,心里没底,于是晚上回家开始网上各处找方案. ...
Meetup 回顾 | 多场景下的 H5 混合开发与 Flutter 多平台应用开发
9 月 7 日,RTC 开发者社区与北京 GDG 联合主办的「前端技术专场」在北京中关村圆满结束啦.周末北京的天气再热,也比不上社区小伙伴们的学习心气更热,现场 100 多位开发者在 3 位演讲人的分 ...
谈谈Android App混合开发
推酷文章站点主题公开课活动客户端荐周刊登录谈谈Android App混合开发时间 2015-08-25 20:13:43bxbxbai 原文 http://bxbxbai.gi ...