关于在微信网页中直接唤醒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>
上一篇下一篇

猜你喜欢

热点阅读