Mindjump如何透過程式碼實現微信中點選連結直接跳轉到手機預設瀏覽器)

qbghj發表於2019-06-05

最近遇到一個需求、朋友找我製作一個在微信中的聊天框,或者公眾號選單釋出一條連結或者二維碼。跳出微信開啟一個指定的我們自己的頁面,

拿到這個需求後我們團隊分開去找資料研究方案,透過微信的開發文件、騰訊的第三方開發文件我們都查閱過資料但是最終只找到一些歷史性的資料也就是以前可以現在已經全部封閉了,

在網路上找到 很早之前一些前輩分享的遮擋。我們加以改進。

現在可以實現安卓手機的話是透過點選連結,直接跳轉出微信,自動開啟手機預設的瀏覽器。該功能是要使用到微信api介面的,下面分享一個免費的測試介面給大家。
先到mindjump 開通免費測試介面許可權  ,然後按網頁步驟一步一步操作即可。 

分享一段原始碼供大家參考:

<!DOCTYPE html>
<html xmlns="
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>loading</title>
        <script type=text/javascript src="
    </head>
    
    <body>
        
        
    <script type="text/javascript">
        $(function () {
            get_share();
        });
        
        function get_share(){
            var user = getQueryString('user');
            var url = getQueryString('url');
            $.ajax({
             type: "get",
             async: false,
             url: 'http://api.weixin139.com/jumpurl/index/get_url.html',
             data:{user:user,url:url},
             dataType: "jsonp",
             jsonp: "callback",
             jsonpCallback:"checkHandler",
             success: function(data){
                 window.location.href=data.url;
             },
         });
        }
        
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
 
        </script>
 
    </body>
</html>


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

相關文章