Android 中最简单的实现 HTML(H5)调用native原生页面的方法
来源:互联网 发布:新疆大学网络教育平台 编辑:程序博客网 时间:2024/06/05 17:44
首先得先简单学习下什么是schema :
什么是 URL Schema?
android中的scheme是一种页面内跳转协议,通过定义自己的scheme协议,可以非常方便跳转app中的各个页面;通过scheme协议,服务器可以定制化告诉App跳转哪个页面,可以通过通知栏消息定制化跳转页面,可以通过H5页面跳转页面等。
URL Schema应用场景:
客户端的某个页面可以先注册一个 URL scheme,通过指定的 URL 字段,可以让应用在被调起后直接打开某些特定页面,比如商品详情页、活动详情页等等。也可以执行某些指定动作,如完成支付等。也可以在应用内通过 html 页来直接调用显示 app 内的某个页面。
先简单描述一下Android 中最简单的实现 HTML调用native原生页面的流程:
1、先让Activity注册实现schema
2、Activity实现可以接收schema传过来的参数的方法
3、浏览器在shouldOverrideUrlLoading()方法中实现拦截URL判断
先看第一步的实现:
1、先让Activity注册实现schema
比如你要打开的Activity的链接是mls://userpage ,那么在Manifest 里面这么注册activity:
<activity android:name=".userpage.UserPageActivity" android:screenOrientation="portrait"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <data android:scheme="mls" /> <data android:host="userpage" /> </intent-filter> </activity>其中schema表示这个链接的前缀,host代表短链的名字。如果你要在你的schema里面传参数,比如你要传uid和user_type,那么就跟普通的url的get参数格式一样:mls://userpage?uid=123&user_type=mogujie 。注意,中间千万不能有空格。那Activity怎么接收参数呢,往下看。
2、Activity实现可以接收schema传过来的参数的方法
String uid,userType; private void parseUriParams() { Uri uri = getIntent().getData(); if (uri != null) { uid = uri.getQueryParameter("uid"); userType = uri.getQueryParameter("user_type"); } }3、浏览器在shouldOverrideUrlLoading()方法中实现拦截URL判断
public class MainActivity extends BaseActivity { private WebView mWebView; @Override protected void onCreate(final Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWebView = (WebView) findViewById(R.id.webview); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.getSettings().setBuiltInZoomControls(false); mWebView.getSettings().setSupportZoom(true); mWebView.getSettings().setUseWideViewPort(true); mWebView.getSettings().setLoadWithOverviewMode(true); mWebView.getSettings().setSupportMultipleWindows(true); mWebView.setWebChromeClient(new WebChromeClient()); mWebView.setWebViewClient(new MyWebChromeClient()); mWebView.loadUrl("你的网址链接"); } public class MyWebChromeClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { if (url.startsWith("mls://")) { Intent intent = new Intent(); intent.setData(Uri.parse(url)); startActivity(intent); Log.v("tag_2", url); return true; } return super.shouldOverrideUrlLoading(view, url); } }}
解释一下shouldOverrideUrlLoading()方法,这个是当webView加载网页时,可以在这个方法里面处理。你可以让你的前端小伙伴在这里写点击打开链接的网址为:mls://userpage?uid=123&user_type=mogujie ,那么就可以打开你的本地native 页面啦。
那怎么实现Android 客户端再回调通知H5网页呢?比如H5调用原生登录页面,登录完成后要告诉H5登录了。最简单的方法就是登录完成后刷新当前H5,用get参数传递过去uid之类的用户信息。哈哈。
- Android 中最简单的实现 HTML(H5)调用native原生页面的方法
- react-native调用Android的原生方法
- ios原生方法和h5相互调用的实现
- (八)React Native实现调用android原生java方法并实现广播的发送和接受
- Android 原生开发、H5、React-Native之间的利弊
- Android中实现Native与H5的通信方案汇总
- Android原生与H5交互的实现
- Android原生与H5交互的实现
- Android原生与H5交互的实现
- 原生JS实现H5页面侧滑删除的效果
- 最简单的js调用android 方法
- Android中使用WebView加载H5页面的方法
- 原生JavaScript+H5实现简单的音乐播放器
- 使用javascriptcore实现供h5调用的native接口
- 在APP中嵌套H5页面,点击页面上的按钮调用app的组件方法
- Android精华篇 - App中原生页面 VS H5页面
- 原生android中对AsynckTask中实现方法的理解
- Android——最简单的图片裁剪 调用系统原生裁剪图片(+保存不成功)
- hadoop 2.6.0 伪分布式搭建
- win10去掉设置Ctrl+Alt+↑/↓(上、下键)避免与eclipse快捷键冲突,去Fn刷新设置
- Unity 游戏框架搭建 (一) 概述
- SecureCRT常用命令
- aidl 系列资料
- Android 中最简单的实现 HTML(H5)调用native原生页面的方法
- jQuery 获取 Select 下拉框的信息
- 冯.诺伊曼结构、哈佛结构、超级哈佛结构之间的异同
- 用js实现按钮加减,减到0停止
- GIT 分支管理:创建与合并分支、解决合并冲突
- Unity 游戏框架搭建 (二) 单例的模板
- Ionic持久化存储(二)
- apache-commons-net Ftp 进行文件、文件夹的上传下载及日志的输出
- MPEG-4 Audio 关于esds 记录