新浪微博app如何去唤起跳转微信小程序
笔者最近接到很多粉丝的留言,需要探讨新浪微博app如何去跳转微信小程序,并且直接打开小程序的指定页面。 笔者去微博和微信开放平台查询后总结了以下方式:
一,需要授权第三方正规开放能力代码,微信授权的h5唤起跳转微信小程序能力为:weixin://dl/business/?t=xxxx
代码对接如下:
<body>
<div class="page" style="background: #ffffff">
<div class="res" id="success">
<img src="https://img.meituan.net/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.meituan.net/csc/01585009e59f996689d7d4d41857d97f15282.png" class="icon2"/>
</div>
<div class="res" id="fail">
<img src="https://img.meituan.net/csc/a656471a7eb6b5b1558d735d7130457d3767.png" class="icon"/>
<div class="text" id="fail_txt"></div>
</div>
<img id="inweixin" src="https://p0.meituan.net/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秘钥,以及小程序路径则自动生成跳转地址。
具体笔者测试录制了一个视频跳转过程,仅供参考学习。