MUI H5+ APP 分享H5连接 通过scheme唤醒APP
生活随笔
收集整理的這篇文章主要介紹了
MUI H5+ APP 分享H5连接 通过scheme唤醒APP
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
添加scheme
在manifest.json文件中添加IOS及安卓的scheme節(jié)點(diǎn)
//IOS "apple": {"appid": "testguangdian.dome",/*iOS必選,蘋果開發(fā)網(wǎng)站申請(qǐng)的appid,如io.dcloud.HelloMUI*/"mobileprovision": "",/*iOS必選,打包配置文件*/"password": "goncenleo01",/*iOS必選,導(dǎo)入配置文件密碼*/"p12": "",/*iOS必選,打包配置文件關(guān)聯(lián)的個(gè)人證書*/"devices": "universal",/*iphone,可取值iphone/ipad/universal*/"urltypes":[{"urlidentifier":"testguangdian.dome","urlschemes":["zhsq"]}],"frameworks": [] }, 復(fù)制代碼//安卓 "google": {"packagename": "",/*Android必選,程序包名,如io.dcloud.HelloMUI*/"keystore": "",/*Android必選,打包證書文件*/"password": "",/*Android必選,打包證書密碼*/"aliasname": "",/*Android必選,打包證書別名*/"schemes":["zhsq"], } 復(fù)制代碼在APP的首頁中 做出響應(yīng)
document.addEventListener('plusready', function () {checkArguments(); }, false); // 判斷啟動(dòng)方式 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)}}}// 處理從后臺(tái)恢復(fù) document.addEventListener('newintent', function () {console.log("addEventListener: newintent");checkArguments(); }, false); 復(fù)制代碼在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)) {// 引導(dǎo)用戶在瀏覽器中打開alert('請(qǐng)?jiān)跒g覽器中打開');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秒,利用這個(gè)時(shí)間差來處理--打開app后,返回h5頁面會(huì)出現(xiàn)頁面變成app下載頁面,影響用戶體驗(yàn)var delay = setInterval(function(){var d = new Date();var t1 = d.getTime();if( t1-t0<3000 && t1-t0>2000){ // alert('請(qǐng)下載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('請(qǐng)下載APP'); // window.location.href = "app下載地址 ";}if(t1-t0>=3000){clearInterval(delay);}},1000);} } }function openApp(src) { // 通過iframe的方式試圖打開APP,如果能正常打開,會(huì)直接切換到APP,并自動(dòng)阻止a標(biāo)簽的默認(rèn)行為 // 否則打開a標(biāo)簽的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() 復(fù)制代碼轉(zhuǎn)載于:https://juejin.im/post/5cb143e05188257a9e312334
總結(jié)
以上是生活随笔為你收集整理的MUI H5+ APP 分享H5连接 通过scheme唤醒APP的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JVM 类加载机制
- 下一篇: 重学ES6 模板字符串