笔者最近接到很多粉丝的留言,需要探讨新浪微博app如何去跳转微信小程序,并且直接打开小程序的指定页面。 笔者去微博和微信开放平台查询后总结了以下方式: 一,需要授权第三方正规开放能力代码,微信授权的h5唤起跳转微信小程序能力为:weixin://dl/business/?t=xxxx 代码对接如下: <body> <div class="page" style="background: #ffffff"> <div class="res" id="success"> <img src="https://img./csc/7e176f2634793c725ffe17a0d34b84dc3799.png" class="icon"/> <div class="text">恭喜!成功打开微信</div> <div style="text-align: center;"> <div class="open-desc">如遇自动进入失败,点击手动进入按钮</div> <button onclick="openMini()" class="open-button czt">手动进入</button> </div> </div> <div class="res" id="haveing"> <div class="text">打开微信中</div> <img src="https://img./csc/01585009e59f996689d7d4d41857d97f15282.png" class="icon2"/> </div> <div class="res" id="fail"> <img src="https://img./csc/a656471a7eb6b5b1558d735d7130457d3767.png" class="icon"/> <div class="text" id="fail_txt"></div> </div> <img id="inweixin" src="https://p0./dptrust/6e38736ae3c21381a4e960330425a37889069.jpg" style="display: none;max-width: 100%"> </div> </body> <script type="application/javascript"> function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } var status = parseInt(1); var status_txt = ''; $(function () { if (status == 2) { $('#fail').css('display', 'flex'); $('#fail_txt').text(status_txt); } else { var ua = navigator.userAgent.toLowerCase() var isWXWork = ua.match(/wxwork/i) == 'wxwork' var isWeixin = !isWXWork && ua.match(/micromessenger/i) == 'micromessenger' var isMobile = false var isDesktop = false if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|IEMobile)/i)) { isMobile = true } else { isDesktop = true } if (isWeixin) { $("#inweixin").show(); } else if (isDesktop) { $('#fail').css('display', 'flex'); $('#fail_txt').text('请使用手机打开网页链接'); } else { $('#haveing').css('display', 'flex');; setTimeout(function () { $('#haveing').hide(); $('#success').css('display', 'flex'); openMini(); }, 1000); } } }); function openMini(){ //www.jumpwx.com location.href ='weixin://dl/business/?t=fWaRq2CX6zf'; if(/baiduboxapp/i.test(navigator.userAgent)) { $("#queren").click(); }else { $("#phone").remove(); } } </script> 二,如果无法会使用代码对接,则需要使用第三方AI创建自动化唤起链接。 1.先去开放平台注册一个后台账号, 2.然后去创建一个新的唤起小程序链接。 3.填写对应的小程序appid和appsecret秘钥,以及小程序路径则自动生成跳转地址。 具体笔者测试录制了一个视频跳转过程,仅供参考学习。 |
|
来自: 新用户5633Vq7i > 《待分类》