美文网首页
关于在微信网页中直接唤醒app并传递参数的记录

关于在微信网页中直接唤醒app并传递参数的记录

作者: 御坂七十一号 | 来源:发表于2020-11-27 15:04 被阅读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>
    

    相关文章

      网友评论

          本文标题:关于在微信网页中直接唤醒app并传递参数的记录

          本文链接:https://www.haomeiwen.com/subject/nnexwktx.html