2018-06-20 09:51:00 2041瀏覽
有不少的小伙伴對(duì)H5如何打開(kāi)或者說(shuō)喚起手機(jī)本地的APP不是很了解，本篇文章扣丁學(xué)堂HTML5培訓(xùn)小編就和大家分享一下如何通過(guò)H5(瀏覽器/WebView/其他)喚起本地APP，下面我們一起來(lái)看一下吧。
現(xiàn)在各類(lèi)app，分享出去的H5頁(yè)面中，一般都會(huì)帶著一個(gè)立即打開(kāi)的按鈕，如果本地安裝了app，那么就直接喚起本地的app，如果沒(méi)有安裝，則跳轉(zhuǎn)到下載。這是一個(gè)很正常的推廣和導(dǎo)流量的策略，下面進(jìn)入我們今天的正題，H5如何打開(kāi)或者說(shuō)喚起手機(jī)本地的app，縱觀百度和Google上面的答案，無(wú)非是兩種：
第一種方式：
通過(guò)在html的a標(biāo)簽里面的href中直接配置android端的schema，當(dāng)然，如果有host其他的配置，跟在后面就可以了，android端配置和代碼如下：
android端配置：
<activity android:name = ".MainActivity">
<intent-filter>
<action android:name = "android.intent.action.MAIN" />
<category android:name = "android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.DEFAULT"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:host="jingewenku.com"
android:scheme="abraham"/>
</intent-filter>
</activity>
注：如果這個(gè)是配置在啟動(dòng)頁(yè)要和標(biāo)簽并列在一起，不然運(yùn)行后手機(jī)app的圖標(biāo)會(huì)沒(méi)有；注意schema協(xié)議要小寫(xiě),否則會(huì)有不能響應(yīng)的異常!
html代碼：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="abraham://jingewenku.com/?pid=1">打開(kāi)app</a><br/>
</body>
</html>
這里我們來(lái)看看schema拼接協(xié)議的格式：
< a href="[scheme]://[host]/[path]?[query]">啟動(dòng)應(yīng)用程序< /a>
各個(gè)項(xiàng)目含義如下所示：
scheme：判別啟動(dòng)的App。 ※詳細(xì)后述
host：適當(dāng)記述
path：傳值時(shí)必須的key ※沒(méi)有也可以
query：獲取值的Key和Value ※沒(méi)有也可以
以上就能實(shí)現(xiàn)打開(kāi)本地的app了，當(dāng)然是在app存在的情況下，否則的話沒(méi)有反應(yīng)。
大家可能會(huì)問(wèn)上面的html代碼中配置的不是android里面配置的schema協(xié)議嗎？我明明沒(méi)有配置pid，為什么要寫(xiě)這個(gè)呢？這是因?yàn)槲覀冇行r(shí)候在喚起本地app的時(shí)候可能會(huì)向app傳遞一些參數(shù)，這些參數(shù)我們就可以配置在這里，我們只需要在oncreate里面獲取就可以了，代碼如下：
Intent intent = getIntent();
Uri uri = intent.getData();
if (uri != null) {
String pid = uri.getQueryParameter("pid");
}
如果還想要獲取android里面配置的schema協(xié)議的話，還可以這樣:
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);
// 訪問(wèn)路勁
String path = uri.getPath();
Log.e(TAG, "path: " + path);
List<String> pathSegments = uri.getPathSegments();
// Query部分
String query = uri.getQuery();
Log.e(TAG, "query: " + query);
//獲取指定參數(shù)值
String goodsId = uri.getQueryParameter("goodsId");
Log.e(TAG, "goodsId: " + goodsId);
}
如何判斷一個(gè)Schema是否有效 :
PackageManager packageManager = getPackageManager();
Intent intent = newIntent(Intent.ACTION_VIEW, Uri.parse("abraham://jingewenku.com:8888/goodsDetail?goodsId=10011002"));
List<ResolveInfo> activities = packageManager.queryIntentActivities(intent, 0);
booleanisValid = !activities.isEmpty();
if(isValid) {
startActivity(intent);
}
這種方式也是我百度到的最多的方式，但是這樣就帶來(lái)了一個(gè)問(wèn)題了，上面的需求說(shuō)的是“在頁(yè)面上有一個(gè)連接， 如果用戶安裝了APP，則點(diǎn)擊打開(kāi)對(duì)應(yīng)的APP；如果用戶沒(méi)有安裝，則點(diǎn)擊打開(kāi)對(duì)應(yīng)的設(shè)置連接”，這明顯就不符合需求了，這只能作為一些個(gè)別需求來(lái)使用了。
由于篇幅問(wèn)題，本篇文章扣丁學(xué)堂HTML5在線學(xué)習(xí)小編就先給大家分享一種通過(guò)H5(瀏覽器/WebView/其他)喚起本地APP的方式，稍后會(huì)為大家再次分享另一種方式。想要了解更多內(nèi)容的小伙伴可以登錄扣丁學(xué)堂官網(wǎng)咨詢(xún)，扣丁學(xué)堂是專(zhuān)業(yè)的HTML5培訓(xùn)機(jī)構(gòu)，不僅有專(zhuān)業(yè)的老師和與時(shí)俱進(jìn)的課程體系，還有大量的HTML5在線教程，想要學(xué)好HTML5開(kāi)發(fā)的小伙伴快快行動(dòng)吧?？鄱W(xué)堂H5技術(shù)交流群：559883758。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“HTML5開(kāi)發(fā)技術(shù)資訊”的相關(guān)文章>>
全國(guó)免費(fèi)咨詢(xún)熱線
郵箱：codingke@1000phone.com
官方群：148715490
返回頂部