用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
- App啟動頁面優化APP優化
- H5頁面拉起第三方AppH5APP
- 如何製作H5頁面?分享簡單實用H5頁面製作教程H5
- android app 啟動第一個頁面AndroidAPP
- 微信小程式內嵌H5,釋出後無法開啟頁面微信小程式H5
- h5頁面加水印H5
- 【Azure 應用服務】App Service服務無法啟動,開啟Kudu站點,App Service Editor 頁面均丟擲:The service is unavailableAPPAI
- VUE開發微信H5頁面總結VueH5
- 快速構建H5單頁面切換應用H5
- H5頁面架設教程H5
- 頁面開啟很正常,後臺return後頁面偏左了
- Effective前端--加快頁面開啟速度前端
- VS Code 快捷開啟PHP頁面PHP
- h5頁面適配小結H5
- 原生APP優於H5網頁APP的三個方面APPH5網頁
- flexible.js-移動端H5頁面適配應用FlexJSH5
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- H5網頁應用打包安卓App (全網最詳細教程)H5網頁安卓APP
- 建立新的 App 頁面APP
- H5頁面是什麼?淺析H5頁面的設計思路與方法H5
- 應用於 Hybrid App 的 Vue 多頁面構建APPVue
- weex生成的單頁應用嵌入app中,點選物理返回鍵時如何返回上一個路由頁面,而不是直接退出單頁應用,回到原生app頁面APP路由
- 單頁面應用和多頁面應用
- 如何重用瀏覽器tab開啟頁面瀏覽器
- 【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理UI
- H5頁面監聽Android物理返回鍵H5Android
- H5頁面滾動阻尼效果實現H5
- H5頁面在微信端的分享H5
- 微信內 H5 頁面自定義分享H5
- HBuilder開發詞典app(一)--基本頁面佈局UIAPP
- uni app頁面傳參decodeURIComponentAPP
- uni-app 頁面樣式APP