android-Scheme与网页跳转原生的三种方式

最新推荐文章于 2024-09-23 16:26:31 发布

Mars-xq

最新推荐文章于 2024-09-23 16:26:31 发布

阅读量1.9w

点赞数 6

分类专栏： Android基础

本文链接：https://blog.csdn.net/sinat_31057219/article/details/78362326

版权

Android基础专栏收录该内容

69 篇文章 3 订阅

订阅专栏

参考：Android业务组件化之URL Scheme使用

什么是 URL Scheme？

android中的scheme是一种页面内跳转协议，是一种非常好的实现机制，通过定义自己的scheme协议，可以非常方便跳转app中的各个页面；通过scheme协议，服务器可以定制化告诉App跳转那个页面，可以通过通知栏消息定制化跳转页面，可以通过H5页面跳转页面等。

URL Scheme应用场景：

客户端应用可以向操作系统注册一个 URL scheme，该 scheme 用于从浏览器或其他应用中启动本应用。通过指定的 URL 字段，可以让应用在被调起后直接打开某些特定页面，比如商品详情页、活动详情页等等。也可以执行某些指定动作，如完成支付等。也可以在应用内通过 html 页来直接调用显示 app 内的某个页面。综上URL Scheme使用场景大致分以下几种：

服务器下发跳转路径，客户端根据服务器下发跳转路径跳转相应的页面
H5页面点击锚点，根据锚点具体跳转路径APP端跳转具体的页面
APP端收到服务器端下发的PUSH通知栏消息，根据消息的点击跳转路径跳转相关页面
APP根据URL跳转到另外一个APP指定页面

URL Scheme协议格式：

String urlStr="http://www.orangecpp.com:80/tucao?id=hello&name=lily";
//url =            protocol + authority(host + port) + path + query
//协议protocol=    http
//域名authority=   www.orangecpp.com:80
//页面path=          /tucao
//参数query=       id=hello&name=lily

//authority =      host + port
//主机host=        www.orangecpp.com
//端口port=        80

URL Scheme如何使用：

1.）设置Scheme

在AndroidManifest.xml中对标签增加设置Scheme

 <activity
            android:name=".GoodsDetailActivity"
            android:theme="@style/AppTheme">
            <!--要想在别的App上能成功调起App，必须添加intent过滤器-->
            <intent-filter>
                <!--协议部分，随便设置 
                    xl://goods:8888/goodsDetail?goodsId=10011002
                 -->
                <data android:scheme="xl" 
                        android:host="goods"  
                        android:path="/goodsDetail" 
                        android:port="8888"/> 

                <!--下面这几行也必须得设置-->
                <category android:name="android.intent.category.DEFAULT"/>
                <action android:name="android.intent.action.VIEW"/>
                <category android:name="android.intent.category.BROWSABLE"/>
            </intent-filter>
</activity>

2.）获取Scheme跳转的参数

Uri uri = getIntent().getData();
if (uri != null) {
    // 完整的url信息
    String url = uri.toString();
    Log.e(TAG, "url: " + uri);
    // scheme部分
    String scheme = uri.getScheme();
    Log.e(TAG, "scheme: " + scheme);
    // host部分
    String host = uri.getHost();
    Log.e(TAG, "host: " + host);
    //port部分
    int port = uri.getPort();
    Log.e(TAG, "host: " + port);
    // 访问路劲
    String path = uri.getPath();
    Log.e(TAG, "path: " + path);
    List<String> pathSegments = uri.getPathSegments();
    // Query部分
    String query = uri.getQuery();
    Log.e(TAG, "query: " + query);
    //获取指定参数值
    String goodsId = uri.getQueryParameter("goodsId");
    Log.e(TAG, "goodsId: " + goodsId);
}

3.）调用方式

网页上

<a href="xl://goods:8888/goodsDetail?goodsId=10011002">打开商品详情</a>

原生调用

Intent intent = new Intent(Intent.ACTION_VIEW, 
        Uri.parse("xl://goods:8888/goodsDetail?goodsId=10011002"));
startActivity(intent);

4.）如何判断一个Scheme是否有效

PackageManager packageManager = getPackageManager();
Intent intent = new Intent(Intent.ACTION_VIEW,  
        Uri.parse("xl://goods:8888/goodsDetail?goodsId=10011002"));
List<ResolveInfo> activities = packageManager.queryIntentActivities(intent, 0);
boolean isValid = !activities.isEmpty();
if (isValid) {
    startActivity(intent);
}

webview跳转到activity 示例：

demo项目地址

参考：

Android：你要的WebView与 JS 交互方式都在这里了
 Android WebView加载本地html并实现Java与JS交互
 WebView 链接（或按钮）向 Activity 跳转的几种实现方式

本地网页(放在assets目录下)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<div>
    <a href="TOPICID://aa.bb:80/test?p=12&d=1">重定向和scheme跳转button</a>
</div>

<div>
    <input type="button" value="js与android交互button" onClick="javascript:android.toActivity()"/>
</div>
</body>
</html>

参考：Android：你要的WebView与 JS 交互方式都在这里了

方式一：shouldOverrideUrlLoading重定向

    <WebView
        android:id="@+id/myWebView1"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

        /*shouldOverrideUrlLoading重定向 跳转*/
        WebView myWebView1 = (WebView) findViewById(R.id.myWebView1);
        myWebView1.loadUrl("file:///android_asset/test1.html");//加载本地的url
        myWebView1.setWebViewClient(new myWebViewClient());


    private class myWebViewClient extends WebViewClient {
        @SuppressWarnings("deprecation")
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) { 
            /*此处获取的url的scheme都是小写*/
            if (!TextUtils.isEmpty(url) && url.contains("topicid://aa.bb:80/test?p=12&d=1")) {
                Intent intent = new Intent();
                intent.setClass(WebViewActivity.this, MainActivity.class);
                startActivity(intent);
            }
            return true;
        }
    }

在Android通过WebViewClient复写shouldOverrideUrlLoading （）:
优点：不存在通过 WebView的addJavascriptInterface（）进行对象映射的漏洞；
缺点：JS获取Android方法的返回值复杂。
如果JS想要得到Android方法的返回值，只能通过 WebView 的 loadUrl （）去执行 JS 方法把返回值传递回去

方式二：scheme 跳转

    <WebView
        android:id="@+id/myWebView2"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_marginTop="20dp"
        android:layout_weight="1" />

         /*scheme 跳转*/
        //scheme跳转，不可重写shouldOverrideUrlLoading方法，否则scheme不起作用
        WebView myWebView2 = (WebView) findViewById(R.id.myWebView2);
        myWebView2.loadUrl("file:///android_asset/test1.html");

需要配置intent-filter，不可以重写shouldOverrideUrlLoading

        <!--跳转后的页面-->
        <activity
            android:name="com.example.webviewtest.MainActivity"
            android:label="@string/app_name">

            <intent-filter>
                <action android:name="android.intent.action.VIEW" />

                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />

                <!--TOPICID://aa.bb:80/test?p=12&d=1-->
                <!--scheme类似http和https，注意要转换为小写-->
                <data
                    android:host="aa.bb"
                    android:path="/test"
                    android:port="80"
                    android:scheme="topicid" />
            </intent-filter>
        </activity>

方式三：js与android交互跳转

    <WebView
        android:id="@+id/myWebView3"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_marginTop="20dp"
        android:layout_weight="1" />

        /*js与android交互 跳转*/
        WebView myWebView3 = (WebView) findViewById(R.id.myWebView3);
        myWebView3.loadUrl("file:///android_asset/test1.html");
        myWebView3.getSettings().setJavaScriptEnabled(true);
        // 与js交互，JsCallAndroidinterface 是个接口，与js交互时用到的， 
        //这个接口实现了从网页跳到app中的activity 的方法，特别重要
        myWebView3.addJavascriptInterface(new JsCallAndroidinterface(this), "android");

    private class JsCallAndroidinterface {

        Activity mActivity;

        JsCallAndroidinterface(Activity mActivity) {
            this.mActivity = mActivity;
        }

        /**
         * 与js交互时用到的方法，在js里直接调用的
         * 定义JS需要调用的方法,被JS调用的方法必须加入@JavascriptInterface注解, 
         * 否则HTML中的js报错：toActivity不是一个function
         */
        @JavascriptInterface
        public void toActivity() {
            System.out.println("----------------toActivity--");
            mActivity.startActivity(new Intent(mActivity, MainActivity.class));
        }
    }