分享

新浪微博app如何去唤起跳转微信小程序

 新用户5633Vq7i 2021-06-10

笔者最近接到很多粉丝的留言,需要探讨新浪微博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秘钥,以及小程序路径则自动生成跳转地址。

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约