关于在微信网页中直接唤醒app并传递参数的记录
2020-11-27 本文已影响0人
御坂七十一号
1.微信官方h5接入文档
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
2.微信官方app内获取h5传入的数据
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/APP_GET_EXTINF.html
注意要点:
1.微信公众平台中配置的域名必须是h5页面的访问域名,eg.xxx.xxx.com,不能带路径。
2.h5页面中wx.config配置的appId是公众号的id。<wx-open-launch-app>标签中配置的appid是在公众号中配置的手机app的id,两个不一样。标签中配置的id和app里配置的id是一致的。另外config中配置的签名参数什么的,由后台请求微信获取,jsApiList参数不能为空,否则会报错。
3.<wx-open-launch-app>标签可能其中的样式会不生效,所以我采用了设置透明度为0,然后覆盖正常div到的方法。另外, <script type="text/wxtag-template">里面的div是必须的,否则会不触发。vue部分代码如下:
<div class="wx_open_lauch_app_div" v-if="videoInfo.price == 0">
<div class="orderBtn" style="height: 49px" @click="toApp">去APP学习</div>
<wx-open-launch-app
id="launch-btn4"
appid="wx0000000000000000"
:extinfo="appParams"
class="orderBtn"
style="position: absolute; top: 0; opacity: 0"
>
<script type="text/wxtag-template">
<style>
.wx_open_div4{
width: 100%;
height:49px;
}
</style>
<div class="wx_open_div4"></div>
</script>
</wx-open-launch-app>
</div>