通过浏览器url网址打开安卓app

目前要实现这个通过浏览器网页地址打开app好像都需要通过按钮手动触发才行，做自动跳转我没成功。安卓端的AndroidManifest.xml需要进行相关配置。

一、新建一个HTML用于打开调用打开安卓app。

其实html端很简单核心只需要一句话就行，其他html代码只是备忘用的。

<a href=”urlopen://ranjuan/card?card_id=828&name=染卷”>打开App </a>

  1<!DOCTYPE html>  
  2<html>  
  3<head>
  4<style>
  5    a{ font-size:80px;}
  6</style>
  7 
  8</head>
  9<body>  
 10<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 11 
 12<span id="device"></span>
 13<br>
 14 <a  id="opentest" href="scheme://host/card?card_id=828&name=bluess">打开随便App</a>
 15 <br>
 16 <a  id="opentest2" href="urlopen://ranjuan/card?card_id=828&name=染卷">打开App</a>
 17 <br>
 18 <a  id="opentest3" href="urlopen://ranjuanpage/card?card_id=828&name=bluess">打开App子页面</a>
 19 <br>
 20  <a href="javascript:open_or_download_app();">打开APP（带超时）</a>
 21 
 22<br>使用Intent-based URl方法打开安卓app
 23   <div>
 24      <a href=" intent://ranjuan#Intent;scheme=urlopen;action=android.intent.action.VIEW;category=android.intent.category.DEFAULT;category=android.intent.category.BROWSABLE;component=ranjuan/.MainActivity;S.load_url=ranjuan;end">打开app方法二</a>
 25      <br>
 26      <a href=" intent://ranjuan/card?card_id=829998&name=bluess#Intent;scheme=urlopen;category=android.intent.category.DEFAULT;category=android.intent.category.BROWSABLE;end">打开app方法2</a>
 27       <br>
 28      <a href=" intent://ranjuan/card?card_id=829998&name=bluess&billss=9#Intent;scheme=urlopen;category=android.intent.category.DEFAULT;category=android.intent.category.BROWSABLE;end">打开app方法3</a>
 29      </div> 
 30  
 31  <p id="mod_pop" style="display:none;">请在其他浏览器中打开</p>
 32</body>  
 33<!-- https://blog.csdn.net/qidingquan/article/details/81330489 -->
 34<script>
 35function isWeixin() {
 36                var ua = navigator.userAgent.toLowerCase(); //获取判断用的对象
 37                if (ua.match(/MicroMessenger/i) == "micromessenger") {
 38                    return true; //微信打开
 39                } else {
 40                    return false; //不是微信打开
 41                }
 42            }
 43 
 44 if (isWeixin()) {
 45                    var modPop = document.getElementById('mod_pop');
 46                    modPop.style.display = "block";
 47                }
 48 
 49 
 50    try{
 51	var ua = navigator.userAgent.toLowerCase();
 52	//判断是否为移动终端
 53	var ismobile = !!ua.match(/AppleWebKit.*Mobile.*/);
 54	
 55	var reg_str = new RegExp(/AppleWebKit.*Mobile.*/, 'i');
 56     ismobile = !!ua.match(reg_str);
 57	 ismobile = false;
 58	//alert(ua);
 59	if(ismobile){
 60	   // alert('shi shouji');
 61		//不在微信内置浏览器中时执行
 62		if (!(ua.indexOf("MicroMessenger") > 0 || ua.match(/MicroMessenger/i) == "micromessenger")) {        
 63		        
 64		        var appinfo = "urlopen://ranjuan/card?card_id=828&name=染卷";
 65			//拼接唤醒APP参数ichsy_key=2表示APP中打开web页面，注意专题页只能有一个参数
 66			if(window.location.href.indexOf("&")==-1){
 67				//兼容5.2.8以前版本
 68				appinfo += encodeURIComponent("ichsy_key=2&ichsy_value=" + window.location.href);	
 69			}else{
 70				//多参数时
 71				appinfo += encodeURIComponent("ichsy_key=5&ichsy_value=" + Base64.base64encode(window.location.href))
 72			}
 73			 window.location.href = appinfo;
 74		 } 
 75	 }	        
 76 }catch(e){}
 77 
 78</script>
 79<script>
 80 
 81     function open_or_download_app() {
 82        var device = document.getElementById("device");
 83        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
 84            device.innerHTML = "ios设备";
 85            // 判断useragent，当前设备为ios设备
 86            var loadDateTime = new Date();
 87        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。
 88            window.setTimeout(function() {
 89                var timeOutDateTime = new Date();
 90                if (timeOutDateTime - loadDateTime <2200) {
 91                    window.location = "http://www.baidu.com/s=ios";  // APP下载地址
 92                } else {
 93                    window.close();
 94                }
 95            },2000);
 96             window.location = "urlopen://ranjuan";　　//ios端URL Schema
 97        } else if (navigator.userAgent.match(/android/i)) {
 98            device.innerHTML = "Android设备";
 99            // 判断useragent，当前设备为Android设备
100            // 判断useragent，当前设备为ios设备
101           console.log('is android');
102 
103        　  // window.location = ww"apptest://appteswwwt";　　// Android端URL Schema 
104        　   var appurl = "urlopen://ranjuan/card?card_id=828&name=染卷";
105        　   //拼接唤醒APP参数ichsy_key=2表示APP中打开web页面，注意专题页只能有一个参数
106			if(window.location.href.indexOf("&")==-1){
107				//兼容5.2.8以前版本
108				appurl += encodeURIComponent("ichsy_key=2&ichsy_value=" + window.location.href);	
109			}else{
110				//多参数时
111				appurl += encodeURIComponent("ichsy_key=5&ichsy_value=" + Base64.base64encode(window.location.href))
112			}
113			 window.location = appurl;
114			 console.log(appurl);
115			 
116			  var loadDateTime = new Date();
117        　　// 设置时间阈值，在规定时间里面没有打开对应App的话，直接去App store进行下载。
118            window.setTimeout(function() {
119                var timeOutDateTime = new Date();
120                if (timeOutDateTime - loadDateTime < 2200) {
121                    //window.location.href = appurl;
122                    alert('去下载app');
123                    window.location = "http://www.baidu.com/s=99";   // APP下载地址
124                } else {
125                    window.close();
126                }
127            },2000);
128        } 
129    } 
130    
131</script>
132</html>

二、修改AndroidManifest.xml中你想要通过url打开的activity的intent-filter配置

注意其中android:scheme=”urlopen”与android:host=”ranjuan”是与你在html代码中写的a标签保持一致

 1 <application
 2        android:allowBackup="true"
 3        android:icon="@mipmap/ic_launcher"
 4        android:label="@string/app_name"
 5        android:roundIcon="@mipmap/ic_launcher_round"
 6        android:supportsRtl="true"
 7        android:theme="@style/AppTheme">
 8        <activity
 9            android:name=".MainActivity"
10            android:label="@string/app_name">
11            <intent-filter>
12                <action android:name="android.intent.action.MAIN" />
13 
14                <category android:name="android.intent.category.LAUNCHER" />
15            </intent-filter>
16 
17            <intent-filter>
18                <action android:name="android.intent.action.VIEW" />
19                <category android:name="android.intent.category.DEFAULT" />
20                <category android:name="android.intent.category.BROWSABLE" />
21 
22                <data
23                    android:scheme="urlopen"
24                    android:host="ranjuan" />
25 
26            </intent-filter>
27        </activity>
28 
29        <activity
30            android:name=".SkipActivity">
31            <intent-filter>
32                <action android:name="android.intent.action.MAIN" />
33                <category android:name="android.intent.category.LAUNCHER" />
34            </intent-filter>
35            <intent-filter>
36            <action android:name="android.intent.action.VIEW" />
37            <category android:name="android.intent.category.DEFAULT" />
38            <category android:name="android.intent.category.BROWSABLE" />
39 
40            <data
41                android:scheme="urlopen"
42                android:path="/card"
43                android:host="ranjuanpage" />
44 
45        </intent-filter>
46 
47        </activity>
48 
49    </application>
50</manifest>

三、接收通过浏览器唤起app时传递过来的参数

在刚才的android:name=”.MainActivity”对应的MainActivity.java文件中进行参数接收。

可能需要先引入相关包，然后在onCreate里面接收参数

import android.content.Intent;
import android.net.Uri;
import android.util.Log;

参考的MainActivity.java代码（有点凌乱，原谅我的不整理）：

 1package com.ranjuan.testwin;
 2 
 3import android.os.Bundle;
 4import android.view.View;
 5import android.webkit.WebView;
 6import android.webkit.WebViewClient;
 7 
 8import com.google.android.material.bottomnavigation.BottomNavigationView;
 9 
10import androidx.appcompat.app.AppCompatActivity;
11import androidx.navigation.NavController;
12import androidx.navigation.Navigation;
13import androidx.navigation.ui.AppBarConfiguration;
14import androidx.navigation.ui.NavigationUI;
15 
16import android.content.Intent;
17import android.net.Uri;
18import android.util.Log;
19 
20import android.widget.TextView;
21 
22public class MainActivity extends AppCompatActivity {
23 
24    @Override
25    protected void onCreate(Bundle savedInstanceState) {
26        super.onCreate(savedInstanceState);
27 
28 
29        setContentView(R.layout.activity_main);
30        BottomNavigationView navView = findViewById(R.id.nav_view);
31        // Passing each menu ID as a set of Ids because each
32        // menu should be considered as top level destinations.
33        AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
34                R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications)
35                .build();
36        NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
37        NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);
38        NavigationUI.setupWithNavController(navView, navController);
39 
40        //获得控件
41        WebView webView = (WebView) findViewById(R.id.webView);
42        //访问网页
43        webView.loadUrl("https://ranjuan.cn");
44        //系统默认会通过手机浏览器打开网页，为了能够直接通过WebView显示网页，则必须设置
45        webView.setWebViewClient(new WebViewClient(){
46            @Override
47            public boolean shouldOverrideUrlLoading(WebView view, String url) {
48                //使用WebView加载显示url
49                view.loadUrl(url);
50                //返回true
51                return true;
52                //return false;
53            }
54        });
55        //webView.getSettings().setJavaScriptEnabled(true);
56        //webView.loadUrl("loadUrl");
57 
58 
59        Intent intent=getIntent();
60        //Log.d("test",intent.toURI());
61        Log.d("test",intent.toString());
62        Log.e("aaaaaaa","9xx999");
63        Uri uri=intent.getData();
64 
65        if(uri!=null){
66          try {
67            String name=uri.getQueryParameter("name");
68            Log.e("LOG NAME:",name);
69            TextView textView =  findViewById(R.id.textView);
70            textView.setText("地址："+uri.toString()+"姓名"+name);
71            //textView.setText(s);
72          }
73            catch(Exception e){
74                TextView textView = findViewById(R.id.textView);
75                textView.setText("获取异常，没有得到想要的东西");
76            }
77           //打开指定 activity
78          //  Intent myintent = new Intent(MainActivity.this,SkipActivity.class);
79          //  startActivity(myintent); // 启动目的Activity
80        }
81        }
82        //Uri uri = getIntent().getData();
83        //String test1= uri.getQueryParameter("arg0");
84        //String test2= uri.getQueryParameter("arg1");
85 
86}

自此通过浏览器地址直接打开安卓app的操作已经结束，下面的内容主要为个人备忘使用，不看也没关系！

另外activity_main.xml文件，因为是测试是随机弄的控件也就顾不上什么界面效果了，有需要的可以看下。

 1<?xml version="1.0" encoding="utf-8"?>
 2<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3    xmlns:app="http://schemas.android.com/apk/res-auto"
 4    xmlns:tools="http://schemas.android.com/tools"
 5    android:id="@+id/container"
 6    android:layout_width="match_parent"
 7    android:layout_height="match_parent"
 8    android:paddingTop="?attr/actionBarSize">
 9 
10    <com.google.android.material.bottomnavigation.BottomNavigationView
11        android:id="@+id/nav_view"
12        android:layout_width="0dp"
13        android:layout_height="wrap_content"
14        android:layout_marginStart="0dp"
15        android:layout_marginEnd="0dp"
16        android:background="?android:attr/windowBackground"
17        app:layout_constraintBottom_toBottomOf="parent"
18        app:layout_constraintLeft_toLeftOf="parent"
19        app:layout_constraintRight_toRightOf="parent"
20        app:menu="@menu/bottom_nav_menu" />
21 
22    <fragment
23        android:id="@+id/nav_host_fragment"
24        android:name="androidx.navigation.fragment.NavHostFragment"
25        android:layout_width="match_parent"
26        android:layout_height="match_parent"
27        app:defaultNavHost="true"
28        app:layout_constraintBottom_toTopOf="@id/nav_view"
29        app:layout_constraintHorizontal_bias="0.0"
30        app:layout_constraintLeft_toLeftOf="parent"
31        app:layout_constraintRight_toRightOf="parent"
32        app:layout_constraintTop_toTopOf="parent"
33        app:layout_constraintVertical_bias="1.0"
34        app:navGraph="@navigation/mobile_navigation" />
35 
36    <TextView
37        android:id="@+id/textView0"
38        android:layout_width="wrap_content"
39        android:layout_height="wrap_content"
40        android:layout_marginStart="68dp"
41        android:layout_marginLeft="68dp"
42        android:layout_marginTop="128dp"
43        android:text="@string/textview"
44        android:textSize="8sp"
45        app:layout_constraintStart_toStartOf="parent"
46        app:layout_constraintTop_toTopOf="parent" />
47 
48    <TextView
49        android:id="@+id/textView"
50        android:layout_width="wrap_content"
51        android:layout_height="wrap_content"
52        android:layout_marginEnd="168dp"
53        android:layout_marginRight="168dp"
54        android:layout_marginBottom="1dp"
55        android:lineSpacingExtra="8sp"
56        android:onClick="@string/textview"
57        android:text="@string/textview0"
58        android:textColor="#E91E63"
59        android:textSize="12sp"
60        app:layout_constraintBottom_toTopOf="@+id/webView"
61        app:layout_constraintEnd_toEndOf="parent" />
62 
63    <Button
64        android:id="@+id/button"
65        android:layout_width="wrap_content"
66        android:layout_height="wrap_content"
67        android:layout_marginStart="160dp"
68        android:layout_marginLeft="160dp"
69        android:layout_marginBottom="128dp"
70        android:text="@string/button"
71        android:textSize="24sp"
72        app:layout_constraintBottom_toTopOf="@+id/nav_view"
73        app:layout_constraintStart_toStartOf="parent" />
74 
75    <ImageView
76        android:id="@+id/imageView"
77        android:layout_width="wrap_content"
78        android:layout_height="wrap_content"
79        android:layout_marginEnd="16dp"
80        android:layout_marginRight="2dp"
81        android:layout_marginBottom="1dp"
82        android:contentDescription="TODO"
83        app:layout_constraintBottom_toTopOf="@+id/webView"
84        app:layout_constraintEnd_toEndOf="parent"
85        app:srcCompat="@drawable/ic_launcher_background" />
86 
87    <WebView
88        android:id="@+id/webView"
89        android:layout_width="324dp"
90        android:layout_height="226dp"
91        android:layout_marginEnd="44dp"
92        android:layout_marginRight="44dp"
93        android:layout_marginBottom=".5dp"
94        app:layout_constraintBottom_toTopOf="@+id/button"
95        app:layout_constraintEnd_toEndOf="parent">
96 
97    </WebView>
98 
99</androidx.constraintlayout.widget.ConstraintLayout>

strings.xml文件内容

1<resources>
2    <string name="app_name">testwin</string>
3    <string name="title_home">Home2</string>
4    <string name="title_dashboard">Dashboard</string>
5    <string name="title_notifications">Notifications</string>
6    <string name="textview0">限返满50减20</string>
7    <string name="textview">TextView99999</string>
8    <string name="button">测试</string>
9</resources>

其他参考教程：

1、https://www.jianshu.com/p/5685b4a1b77e

2、https://blog.csdn.net/ydyww/article/details/81077768

染卷不卷'blog

通过浏览器url网址打开安卓app

一、新建一个HTML用于打开调用打开安卓app。

二、修改AndroidManifest.xml中你想要通过url打开的activity的intent-filter配置

三、接收通过浏览器唤起app时传递过来的参数

染卷

发表评论取消回复

一、新建一个HTML用于打开调用打开安卓app。

二、修改AndroidManifest.xml中你想要通过url打开的activity的intent-filter配置

三、接收通过浏览器唤起app时传递过来的参数

染卷

发表评论 取消回复

发表评论取消回复