當前位置:
首頁 >
MUI H5+ APP 分享H5连接 通过scheme唤醒APP
發布時間:2025/3/19
18
豆豆
生活随笔
收集整理的這篇文章主要介紹了
MUI H5+ APP 分享H5连接 通过scheme唤醒APP
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
添加scheme
在manifest.json文件中添加IOS及安卓的scheme節點
//IOS "apple": {"appid": "testguangdian.dome",/*iOS必選,蘋果開發網站申請的appid,如io.dcloud.HelloMUI*/"mobileprovision": "",/*iOS必選,打包配置文件*/"password": "goncenleo01",/*iOS必選,導入配置文件密碼*/"p12": "",/*iOS必選,打包配置文件關聯的個人證書*/"devices": "universal",/*iphone,可取值iphone/ipad/universal*/"urltypes":[{"urlidentifier":"testguangdian.dome","urlschemes":["zhsq"]}],"frameworks": [] }, 復制代碼//安卓 "google": {"packagename": "",/*Android必選,程序包名,如io.dcloud.HelloMUI*/"keystore": "",/*Android必選,打包證書文件*/"password": "",/*Android必選,打包證書密碼*/"aliasname": "",/*Android必選,打包證書別名*/"schemes":["zhsq"], } 復制代碼在APP的首頁中 做出響應
document.addEventListener('plusready', function () {checkArguments(); }, false); // 判斷啟動方式 function checkArguments() {alert(plus.runtime.launcher )if(plus.runtime.launcher == "default"){return}else if(plus.runtime.launcher == "scheme"){var args = plus.runtime.arguments;alert(JSON.stringify(args))if (args) {arr = args.split("?")[1];var goodsid = arr.split("=")[1];setTimeout(function(){mui.openWindow("goods_detail.html?goodsid="+goodsid);},1000)}}}// 處理從后臺恢復 document.addEventListener('newintent', function () {console.log("addEventListener: newintent");checkArguments(); }, false); 復制代碼在H5中喚起
function gp_down(dev){ //下載鏈接if(dev=='android'){var ifr = document.createElement('iframe');ifr.src = 'https://zhapp.4hl.cn/static/home/js/H53D548C0_0806114840.apk';ifr.style.display = 'none';document.body.appendChild(ifr);}else if(dev=='ios'){} }function submitFn(){//判斷瀏覽器 var u = navigator.userAgent; if(/MicroMessenger/gi.test(u)) {// 引導用戶在瀏覽器中打開alert('請在瀏覽器中打開');return; } var d = new Date(); var t0 = d.getTime(); if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){//Androidvar href = "zhsq://startapp?goodsid=428045" // alert("Android-->zhsq") // alert(openApp('zhsq://startapp'))if(openApp(href)){openApp(href);}else{//由于打開需要1~2秒,利用這個時間差來處理--打開app后,返回h5頁面會出現頁面變成app下載頁面,影響用戶體驗var delay = setInterval(function(){var d = new Date();var t1 = d.getTime();if( t1-t0<3000 && t1-t0>2000){ // alert('請下載APP'); // window.location.href = " app下載地址 ";}if(t1-t0>=3000){clearInterval(delay);}},1000);} }else if(u.indexOf('iPhone') > -1){//IOS // alert("ios-->zhsq") // alert(openApp('zhsq://startapp'))if(openApp('zhsq://startapp')){ openApp('zhsq://startapp');}else{var delay = setInterval(function(){var d = new Date();var t1 = d.getTime();if( t1-t0<3000 && t1-t0>2000){ // alert('請下載APP'); // window.location.href = "app下載地址 ";}if(t1-t0>=3000){clearInterval(delay);}},1000);} } }function openApp(src) { // 通過iframe的方式試圖打開APP,如果能正常打開,會直接切換到APP,并自動阻止a標簽的默認行為 // 否則打開a標簽的href鏈接var ifr = document.createElement('iframe'); // alert("openApp-->"+src)ifr.src = src;ifr.style.display = 'none';document.body.appendChild(ifr);window.setTimeout(function( ){document.body.removeChild(ifr);},2000); }submitFn() 復制代碼轉載于:https://juejin.im/post/5cb143e05188257a9e312334
總結
以上是生活随笔為你收集整理的MUI H5+ APP 分享H5连接 通过scheme唤醒APP的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JVM 类加载机制
- 下一篇: 重学ES6 模板字符串