美文网首页
笔记-H5页面调起app实现

笔记-H5页面调起app实现

作者: 桃先森_ | 来源:发表于2020-04-13 15:43 被阅读0次

    h5页面调起app实现,通过scheme协议或者link协议调起;

    步骤一:
    app清单文件设置scheme ,如果此activity已有过滤器需再新建一个,下面代码可直接粘贴到activity标签里面使用;

    <intent-filter>
        <!--app://main/splash-->
        <data
            android:host="main"
            android:path="/splash"
            android:scheme="app" />
         <!--必有项-->
        <action android:name="android.intent.action.VIEW" />
        <!-- 目标Activity能通过在网页浏览器中点击链接而激活(比如,点击浏览器中的图片链接)-->
        <category android:name="android.intent.category.BROWSABLE" />
        <!--表示该页面可以被隐式调用,必须加上该项-->
        <category android:name="android.intent.category.DEFAULT" />
    </intent-filter> 
    
    

    步骤二:

    <html>
    <head>
    <title>H5掉起app测试</title>
    </head>
    <a href="app://main/splash">启动测试</a> 
    <body>
    <p>body 元素的内容会显示在浏览器中。</p>
    <p>title 元素的内容会显示在浏览器的标题栏中。</p>
    </body>
    </html>
    
    

    步骤三:
    运行html文件,用浏览器或者html查看器打开,点击就可以调起了,如果需要带参数的话,可以在路径后面拼接参数,比如 app://main/splash?id=1000

    获取参数的地方:

    Uri uri = getIntent().getData();
    if (uri != null) {
       //获取指定参数值
       String id= uri.getQueryParameter("id");
    }
    

    附上一个github上一个三方的h5库,比较完善,适配了很多机型及ios系统版本;
    传送门

    给自己做个笔记的同时也希望能帮助到别人,喜欢的可以点个关注,随时沟通探讨技术。

    相关文章

      网友评论

          本文标题:笔记-H5页面调起app实现

          本文链接:https://www.haomeiwen.com/subject/omzgmhtx.html