html内微信app唤醒,微信浏览器内 h5 直接唤醒 app 之 微信开放标签 wx-open-launch-app...

这段代码展示了如何在微信环境中通过监听事件来唤醒App,并在必要时将数据写入剪贴板。当微信版本符合要求时,启用唤醒功能,否则直接跳转到应用宝。点击按钮会触发`launch`方法,先执行设置剪贴板内容,然后根据`enable`状态决定是否唤醒App。若唤醒失败,则回退到应用宝跳转。
摘要由CSDN通过智能技术生成

>

打开app

name:'LaunchButton',

props: {

extinfo: {

type: Object,default:''},

},

watch: {

extinfo: {

handler(n){this.extinfoStr=JSON.stringify(n)

},

immediate:true}

},

data() {

idIndex++

return{

id:'wxopenLanchAppId' +idIndex,

appId: globalConfig.WEIXIN_APP_ID,

enable:false,

extinfoStr:'',

}

},

methods: {

redirectToApp(){

setTimeout(()=>{

window.location.href=globalConfig.YING_YONG_BAO

},400)

},

setClipboard(){

console.log('start copy')

let copyObject={

app:'yogo'}for(varkin this.extinfo){

copyObject[k]= this.extinfo[k]

}

copyObject=JSON.stringify(copyObject)

copyToClipboard(copyObject)

console.log('end copy')

},

launch(){this.setClipboard()if(!this.enable){this.redirectToApp()

}

}

},

created(){//微信版本号大于 7.0.12 开放标签才可进行 唤醒 app 跳转

const wxVersion=getWeixinVersion()if(wxVersion){

let v=wxVersion.split('.')if(v[0]>=7){if(v[1]>=0){if(v[2]>=12){this.enable= true}

}

}

}

},

mounted(){varbtn=document.getElementById(this.id)

btn.addEventListener('launch', e=>{this.setClipboard()

console.log('success');

});

btn.addEventListener('error', e=>{

console.log('fail', e.detail);this.setClipboard()this.redirectToApp()

});

}

}

.launch-btn{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;// background:red;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值