第一、h5跳转小程序
获取到小程序的appid和路径
<wx-open-launch-weapp :appid="appId"
:path="path"
:env-version="envVersion"
:extra-data="encrypExtraData"
>
<script type="text/wxtag-template">
<style>
.applet_btn {
height:44px;
width:300px;
margin:0 auto;
text-align:center;
line-height:44px;
background-color:#fe4451;
color:#fff;
border-radius:10px;
font-weight:bold;
font-size:18px;
}
</style>
<div class="applet_btn" >
点击跳转小程序
</div>
</script>
</wx-open-launch-weapp>
这里就是有个弊端, 就是wx不允许静默的, 点击会有个弹窗提示,才能跳转
还有一个种方式就是小程序生成 scheme码
适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景。通过该接口,可以选择生成到期失效和永久有效的小程序码,有数量限制,目前仅针对国内非个人主体的小程序开放
第二、小程序跳转h5
使用wx的web-view
<web-view src="{{url}}" postMessage="postMessage"></web-view>
web-view文档
这个也有弊端, 就是h5是嵌在小程序里面的, 需要单独写个页面撑满h5
不过首先要到小程序后台配置h5的域名才能使用