用H5頁面開啟APP
業務場景,一個分享出去的h5介面通過頁面內某個事件的觸發,啟動目標app並執行相關邏輯處理或做其他頁面跳轉(如:跳應用市場下載應用等)。下面是我在企業開發過程中,實操的記錄,對於有這塊需求的朋友,可以來參考下。
Android實現通過瀏覽器點選連結開啟本地應用(APP)並拿到瀏覽器傳遞的資料。
H5程式碼(事件觸發入口):
<a href="myapp://jp.app/openwith?name=zhangsan&age=26">啟動應用程式</a>
Android處理:
- 在AndroidManifest.xml的MAIN Activity下追加以下內容(按照下面的格式來追加)
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<!-- 在MAIN的同級處加入過濾器,不然會導致應用圖示在桌面消失等問題 -->
<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:scheme="myapp" android:host="jp.app" android:pathPrefix="/openwith"/>
</intent-filter>
- 如果需要取值,在程式碼中進行如下操作:
Intent i_getvalue = getIntent();
String action = i_getvalue.getAction();
if(Intent.ACTION_VIEW.equals(action)){
Uri uri = i_getvalue.getData();
if(uri != null){
String name = uri.getQueryParameter("name");
String age= uri.getQueryParameter("age");
}
}
補充:
各個專案含義如下所示:
scheme:判別啟動的App。 ※詳細後述
host:適當記述
path:傳值時必須的key ※沒有也可以
query:獲取值的Key和Value ※沒有也可以
相關文章
- H5頁面開啟app的一些思考H5APP
- IOS H5頁面通過universal-link(通用連結)開啟APPiOSH5APP
- IOS H5頁面透過universal-link(通用連結)開啟APPiOSH5APP
- iOS開發-使用Safari除錯iOS APP H5頁面iOS除錯APPH5
- Android 網頁開啟App進入對應頁面Android網頁APP
- 如何製作H5頁面?分享簡單實用H5頁面製作教程H5
- App啟動頁面優化APP優化
- H5頁面拉起第三方AppH5APP
- 微信小程式內嵌H5,釋出後無法開啟頁面微信小程式H5
- VUE開發微信H5頁面總結VueH5
- h5頁面加水印H5
- H5頁面架設教程H5
- 快速構建H5單頁面切換應用H5
- android app 啟動第一個頁面AndroidAPP
- 如何讓頁面跳出框架在一個新頁面開啟框架
- 頁面開啟很正常,後臺return後頁面偏左了
- 在html頁面中判斷本地app是否安裝並開啟HTMLAPP
- Effective前端--加快頁面開啟速度前端
- VS Code 快捷開啟PHP頁面PHP
- Appium 關於微信 H5 頁面切換 webview 的問題APPH5WebView
- h5頁面適配小結H5
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- 京東在html5頁面中開啟本地app的解決方案HTMLAPP
- 【Azure 應用服務】App Service服務無法啟動,開啟Kudu站點,App Service Editor 頁面均丟擲:The service is unavailableAPPAI
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- 混合APP開發的套路(四):在html頁面中開啟專案中的ActivityAPPHTML
- 微信內 H5 頁面自定義分享H5
- H5頁面在微信端的分享H5
- 《H5宣傳頁面》介紹(一)H5
- H5禁用頁面快取的方法H5快取
- eclipse在search的時候,通過search開啟的頁面會覆蓋之前開啟的頁面Eclipse
- 單頁面應用和多頁面應用
- flexible.js-移動端H5頁面適配應用FlexJSH5
- 如何重用瀏覽器tab開啟頁面瀏覽器
- H5頁面是什麼?淺析H5頁面的設計思路與方法H5
- 【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理UI
- H5頁面滾動阻尼效果實現H5
- 移動端H5頁面注意事項H5