新浪微博app如何去喚起跳轉微信小程式

wxtz2022發表於2021-05-29

筆者最近接到很多粉絲的留言,需要探討新浪微博app如何去跳轉微信小程式,並且直接開啟小程式的指定頁面。 筆者去微博和微信開放平臺查詢後總結了以下方式:


一,需要授權第三方正規開放能力程式碼,微信授權的h5喚起跳轉微信小程式能力為:weixin://dl/business/?t=xxxx


程式碼對接如下:


 

<body>

<div class="page" style="background: #ffffff">

    <div class="res" id="success">

        <img src=" class="icon"/>

        <div class="text">恭喜!成功開啟微信</div>

        <div style="text-align: center;">

        <div class="open-desc">如遇自動進入失敗,點選手動進入按鈕</div>

        

        <button class="open-button czt">手動進入</button>

        

    </div>

    </div>

    <div class="res" id="haveing">

        <div class="text">開啟微信中</div>

        <img src=" class="icon2"/>

    </div>

    <div class="res" id="fail">

        <img src=" class="icon"/>

        <div class="text" id="fail_txt"></div>

    </div>

   

    <img id="inweixin" src=" 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(){

       

        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秘鑰,以及小程式路徑則自動生成跳轉地址。



具體筆者測試錄製了一個影片跳轉過程,僅供參考學習。


新浪微博app如何去喚起跳轉微信小程式



來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70000872/viewspace-2774519/,如需轉載,請註明出處,否則將追究法律責任。

相關文章