新浪微博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秘钥,以及小程序路径则自动生成跳转地址。

具体笔者测试录制了一个视频跳转过程,仅供参考学习。

(0)

相关推荐