• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript – H5页面如何跟APP应用交互?

php 搞代码 3年前 (2022-01-23) 16次浏览 已收录 0个评论
文章目录[隐藏]

做一个活动,在app里嵌入一个H5页面。

如何让用户点击H5页面上的按钮跳转到APP的另一个页面?

比如说点击H5页面上的充值按钮,跳转到充值界面,点击立即抢购按钮,跳转到商品页面。

H5与APP端是如何进行数据交互的?

后台该如何写?

有没有例子?

请大牛之支招。

回复内容:

做一个活动,在app里嵌入一个H5页面。

如何让用户点击H5页面上的按钮跳转到APP的另一个页面?

比如说点击H5页面上的充值按钮,跳转到充值界面,点击立即抢购按钮,跳转到商品页面。

H5与APP端是如何进行数据交互的?

后台该如何写?

有没有例子?

请大牛之支招。

上面几个方法都挺不错的。但其实只是单纯跳转问题,不用搞得那么复杂。
从webview中抓取跳转信息,然后android端和前段商量好接口,就直接处理就好了。
例如:web中有个跳转

<code>跳转设置</code>

点击后会出发webview中的shouldOverrideUrlLoading函数,Android端:

<code>webView.setWebViewClient(new WebViewClient() {            @Override<mark>(本文来)源gaodaimacom搞#^代%!码&网(</mark><pre>搞gaodaima代码

public boolean shouldOverrideUrlLoading(WebView view, String url) { L.i(url); // 获取到 example://jumpToSettings ,然后接下来就是字符串处理了 optionUrl(url); // 判断如果是跳转字符串,进行跳转 return true; // 消费,不让网页跳转 } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) {// super.onPageStarted(view, url, favicon); } });

JavaScriptCore网上很多例子的,apple文档也很详细

Android端,WebView加载H5,H5中js代码可以这样:

<code><script type="text/javascript">        function jumpToAppPages(){            toActivity.OpenLinkH5("https://www.baidu.com");        }</script></code>

在当前WebView所在Activity这样写:

<code>mWebViewContent.addJavascriptInterface(new JumpAppInterFace(mContext),"toActivity");</code>

其中,JumpAppInterFace 就是你需要注入的跳转到另一Activity的类,大致长这样:

<code>public class JumpAppInterFace {    private static final String TAG = "JumpAppInterFace";        private android.content.Context Context;        public JumpAppInterFace(android.content.Context Context) {            this.Context = Context;        }        @JavascriptInterface        public void OpenLinkH5(String url){            if (!TextUtil.isEmpty(url)){                Intent intent=new Intent(Context, AnotherActivity.class);                intent.putExtra("url",url);                Context.startActivity(intent);            }        }}</code>

stackoverflow上看到的,你看行不行.

<code>webview.addJavascriptInterface(new Object() {    @JavascriptInterface    public void openActivity(String activity){        Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(activity));        mContext.startActivity(i);    }}, "android");充值抢购</code>

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – H5页面如何跟APP应用交互?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址